[jquery] nie działa fadein Opcje

[grzegorz_g]

mam oto taki slider:

[HTML] pobierz, plaintext 
 
<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 class="title">Kolumna niskotonowa - HDS BR115F-TP</div>
 
			  	<div class="desc1">Nasze nowe dziecko - HDS BR115F-TP - dostępna już w cenie <span style="font-weight: bold;">350 zł.! </span>Zapraszamy do zapoznania się z ofertą.</div>
 
 
					</div>
					</div>
					</div>
 
 
		  </div>
 
			<div class="navigator">
 
		  <ul>
 
 
 
		    <li><a href="admin/media/img-upload/slider/min_f7b020c07ee5dccbc378f9a9d59ff8e5f352aa0f.jpg" alt="Kolumna niskotonowa - HDS BR115F-TP" >Kolumna niskotonowa - HDS BR115F-TP<span></span></a>
				<div style="display:none;" class="bbb"><p class="title">Kolumna niskotonowa - HDS BR115F-TP</p>Nasze nowe dziecko - HDS BR115F-TP - dostępna już w cenie <span style="font-weight: bold;">350 zł.! </span>Zapraszamy do zapoznania się z ofertą.</div>
 
 
 
				</li>
 
 
 
 
		    <li><a href="admin/media/img-upload/slider/min_183f4fc17e12c47d6807705dcfab20be1e4d7632.jpg" alt="Kolumna niskotonowa - HDS xxx" >Kolumna niskotonowa - HDS xxx<span></span></a>
				<div style="display:none;" class="bbb"><p class="title">Kolumna niskotonowa - HDS xxx</p>Nowość w naszej ofercie - obudowa<span style="font-weight: bold;"> HDS BR115F-TP </span>już od <span style="font-weight: bold;">299 zł.!</span></div>
 
 
 
 
				</li>
 
 
 
 
		  </ul>
		</div>
	</div>	
 
 
 
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.3.min.js"></script>		
<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>
 
[HTML] pobierz, plaintext 

i przechodzenie obrazków działa ale nie wiem czemu nie występuje efekt fadeIn
ma ktoś z Was jakiś pomysł ?

[erix]

Temat: JavaScript jesli Twoj watek go dotyczy KONIECZNIE przeczytaj

[grzegorz_g]

nie znalazłem tam odpowiedz na moje pytanie

jak zrobić by te zdjęcia najpierw załadowały atrybuty a poźniej otworzyły się korzystając z np. fadein

[erix]

To nie była odpowiedź: wystaw swój skrypt na żywo, bo nikt nawet palcem nie kiwnie, żeby go przeanalizować. Nie wiem, jak Ty, ale ja najpierw korzystam z debuggera, potem analizuję kod. I podejrzewam, że nie tylko ja.