Return to Snippet

Revision: 37063
at December 3, 2010 04:29 by delineo


Initial Code
$(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>

Initial URL

                                

Initial Description

                                

Initial Title
Billboard Banner Carousel with buttons

Initial Tags

                                

Initial Language
jQuery