/ Published in: jQuery
Expand |
Embed | Plain Text
Copy this code and paste it in your HTML
$(document).ready(function(){ $("#bannerImg1").show(); $("#bannerLink").click(function() { var content_click = $(this).attr("accesskey"); content_click; }); $("a.bannerThumb").hover( function() { $("#bannerImages img").fadeOut("slow"); var content_show = $(this).parent("li").attr("title"); $("#"+content_show).fadeIn("slow"); $(this).animate({marginTop: "0px", height: "52px"}); var content_link = $(this).attr("href"); $("#bannerLink").attr("href", content_link); var content_target = $(this).attr("target"); $("#bannerLink").attr("target", content_target); var content_click = $(this).attr("accesskey"); $("#bannerLink").attr("accesskey", content_click); }, function () { $(this).animate({marginTop: "20px",height: "52px"}); }); }); <div id='bannerCarousel'> <div id='bannerImages'> <img id='bannerImg1' src='ImageUrl1' alt='strText1' title='strText1' /> <img id='bannerImg2' src='ImageUrl2' alt='strText2' title='strText2' /> <img id='bannerImg3' src='ImageUrl3' alt='strText3' title='strText3' /> <img id='bannerImg4' src='ImageUrl4' alt='strText4' title='strText4' /> <img id='bannerImg5' src='ImageUrl5' alt='strText5' title='strText5' /> </div> <a id='bannerLink' href='LinkUrl1' onclick='pageTracker._trackEvent(GALinkDesc1)' accesskey='pageTracker._trackEvent(GALinkDesc1)' target='_blank'></a> <ul> <li title='bannerImg1'><a onclick='pageTracker._trackEvent(GALinkDesc1)' accesskey='pageTracker._trackEvent(GALinkDesc1)' class='bannerThumb' title='strText1' href='LinkUrl1' style='background-image:url(ImageThumbUrl1);' target='_blank'>strText1</a></li> <li title='bannerImg2'><a onclick='pageTracker._trackEvent(GALinkDesc1)' accesskey='pageTracker._trackEvent(GALinkDesc1)' class='bannerThumb' title='strText2' href='LinkUrl2' style='background-image:url(ImageThumbUrl2);' target='_blank'>strText2</a></li> <li title='bannerImg3'><a onclick='pageTracker._trackEvent(GALinkDesc1)' accesskey='pageTracker._trackEvent(GALinkDesc1)' class='bannerThumb' title='strText3' href='LinkUrl3' style='background-image:url(ImageThumbUrl3);' target='_blank'>strText3</a></li> <li title='bannerImg4'><a onclick='pageTracker._trackEvent(GALinkDesc1)' accesskey='pageTracker._trackEvent(GALinkDesc1)' class='bannerThumb' title='strText4' href='LinkUrl4' style='background-image:url(ImageThumbUrl4);' target='_blank'>strText4</a></li> <li title='bannerImg5'><a onclick='pageTracker._trackEvent(GALinkDesc1)' accesskey='pageTracker._trackEvent(GALinkDesc1)' class='bannerThumb' title='strText5' href='LinkUrl5' style='background-image:url(ImageThumbUrl5);' target='_blank'>strText5</a></li> </ul> </div>