{"id":93,"date":"2008-03-27T19:42:03","date_gmt":"2008-03-27T17:42:03","guid":{"rendered":"http:\/\/www.hermione.de\/blog\/?p=93"},"modified":"2008-04-01T14:24:30","modified_gmt":"2008-04-01T12:24:30","slug":"image-replacement-jquery","status":"publish","type":"post","link":"http:\/\/blog.hermione.de\/?p=93","title":{"rendered":"Image Replacement [jquery]"},"content":{"rendered":"<h4 class=\"imgRep\">Image Replacement mit jquery<\/h4>\n<p><img decoding=\"async\" src=\"\/Img\/rost3.JPG\" id=\"largeImg_imgRep\" alt=\"Rost\" \/><\/p>\n<p class=\"thn_imgRep\"><a href=\"\/Img\/rost3.JPG\" title=\"Rost\"><img decoding=\"async\" src=\"\/Img\/rost3.thn.JPG\" \/><\/a><a href=\"\/Img\/felsen16.JPG\" title=\"Felsen\"><img decoding=\"async\" src=\"\/Img\/felsen16.thn.JPG\" \/><\/a><a href=\"\/Img\/holz2.JPG\" title=\"Holz\"><img decoding=\"async\" src=\"\/Img\/holz2.thn.JPG\" \/><\/a><a href=\"\/Img\/wasser10.JPG\" title=\"Wasser\"><img decoding=\"async\" src=\"\/Img\/wasser10.thn.JPG\" \/><\/a><a href=\"\/Img\/steine2.JPG\" title=\"Stein\"><img decoding=\"async\" src=\"\/Img\/steine2.thn.JPG\" \/><\/a><a href=\"\/Img\/palmblatt6.JPG\" title=\"Blatt\"><img decoding=\"async\" src=\"\/Img\/palmblatt6.thn.JPG\" \/><\/a><\/p>\n<p><!--more--><\/p>\n<h4>javascript<\/h4>\n<table class=\"rosa\">\n<tr>\n<td>\n<pre><code>&lt;script type=\"text\/javascript\" src=\"jquery.js\"&gt;&lt;\/script&gt;\r\n&lt;script type=\"text\/javascript\"&gt;\r\n\r\n$(document).ready(function() {\r\n\r\n$(\"h4.imgRep\").append('')\r\n      $(\".thn_imgRep a\").click(function(){\r\n\r\n         var largePath = $(this).attr(\"href\");\r\n         var largeAlt = $(this).attr(\"title\");\r\n         $(\"#largeImg_imgRep\").attr({ src: largePath, alt: largeAlt });\r\n         $(\"h4.imgRep em\").html(\" (\" + largeAlt + \")\"); return false;\r\n      });\r\n});\r\n&lt;\/script&gt;\r\n<\/code><\/pre>\n<\/td>\n<\/tr>\n<\/table>\n<h4>css<\/h4>\n<table class=\"rosa\">\n<tr>\n<td>\n<pre><code>\/* image replacement *\/\r\nh4.imgRep em {\r\n   color: #999999;\r\n}\r\n\r\n#largeImg_imgRep {\r\n   border: solid 1px #ccc;\r\n   width: 300px;\r\n   height: 220px;\r\n   padding: 5px;\r\n}\r\n\r\n.thn_imgRep img {\r\n   border: solid 1px #ccc;\r\n   width: 50px;\r\n   height: 40px;\r\n   padding: 2px;\r\n}\r\n.thn_imgRep img:hover {\r\n   border-color: #a00;\r\n}\r\n<\/code><\/pre>\n<\/td>\n<\/tr>\n<\/table>\n<h4>linzenzfreie fotos<\/h4>\n<ul>\n<li><a href=\"http:\/\/www.designerzone.de\/kostenlose-fotos.php\">designerzone.de<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Image Replacement mit jquery<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10],"tags":[],"_links":{"self":[{"href":"http:\/\/blog.hermione.de\/index.php?rest_route=\/wp\/v2\/posts\/93"}],"collection":[{"href":"http:\/\/blog.hermione.de\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/blog.hermione.de\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/blog.hermione.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/blog.hermione.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=93"}],"version-history":[{"count":0,"href":"http:\/\/blog.hermione.de\/index.php?rest_route=\/wp\/v2\/posts\/93\/revisions"}],"wp:attachment":[{"href":"http:\/\/blog.hermione.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=93"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/blog.hermione.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=93"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/blog.hermione.de\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=93"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}