Photo Gallery
May 22, 2013 • 00:00AM

#carousel-prev, #carousel-next{ /* width: 70px; */ color: #9B318A; padding: 0 8px; font-weight: bold; display: block; line-height: 24px; background: url('/mt-static/support/themes/life-and-style/images/mainnav-bg.gif') repeat-x left top; text-align: center; } #carousel-prev{ float: left; } #carousel-next{ float: right; } #carousel-caption{ text-align: center; font-weight: bold; font-size: 120%; float: left; width: 280px; } #garnier-carousel{ width: 475px; height: 500px; } #garnier-carousel ul{ margin: 0; padding: 0; list-style: none; } #garnier-carousel ul li{ width: 475px; text-align: center; list-style: none; margin: 0px; padding-top: 10px; } #garnier-carousel ul li img{ float: none; } << Previous Next >> GA_googleFillSlot("photo_gallery_interstitial"); function mycarousel_initCallback(carousel) { jQuery('#carousel-next').bind('click', function() { carousel.next(); return false; }); jQuery('#carousel-prev').bind('click', function() { carousel.prev(); return false; }); }; function mycarousel_itemVisible(carousel, item, idx, state) { $("#carousel-caption").text($(item).find(">:first-child").attr("alt")); }; $(document).ready(function(){ $("#garnier-carousel").jcarousel({ scroll: 1, initCallback: mycarousel_initCallback, buttonNextHTML: null, buttonPrevHTML: null, wrap: 'circular', itemVisibleInCallback: { onAfterAnimation: mycarousel_itemVisible } }); });