<div id="slider"> <div class="projector" id="img1"> <img src="admin/media/img-upload/slider/min_f7b020c07ee5dccbc378f9a9d59ff8e5f352aa0f.jpg" id="foto" /> <div class="bg"> <div class="desc"> <div class="block" id="cont"> </div> </div> </div> </div> <div class="navigator"> <ul> </li> </li> </ul> </div> </div> <script type="text/javascript"> $(document).ready(function() { //Show Banner $(".projector .desc").fadeIn(); //Show Banner $(".projector .block").fadeIn(); //Set Opacity //Click and Hover events for thumbnail list $(".navigator ul li:first").addClass('active'); $(".navigator ul li").click(function(){ //Set Variables var imgAlt = $(this).find('img').attr("alt"); //Get Alt Tag of Image var imgTitle = $(this).find('a').attr("href"); //Get Main Image URL var imgDesc = $(this).find('.bbb').html(); //Get HTML of block var imgDescHeight = $(".projector").find('.block').height(); //Calculate height of block if ($(this).is(".active")) { //If it's already active, then... return false; // Don't click through } else { $("#cont").html(imgDesc).fadeIn(); $("#foto").attr({ src: imgTitle , alt: imgAlt}).fadeIn(); } $(".navigator ul li").removeClass('active'); //Remove class of 'active' on all lists $(this).addClass('active'); //add class of 'active' on this list only return false; }) .hover(function(){ $(this).addClass('hover'); }, function() { $(this).removeClass('hover'); }); });//Close Function </script>
i przechodzenie obrazków działa ale nie wiem czemu nie występuje efekt fadeIn
ma ktoś z Was jakiś pomysł ?