FadeIn和FadeOut當用PHP動態加載時

我想通過點擊＃photo1 div中的一個拇指圖片來淡出#inner_left div中的當前大圖。使用php加載拇指圖像。當前加載的是圖片適用於點擊正常，但我希望他們的淡出和淡入在下thumb.For點擊時，現在這是我在我的jQuery的一部分。這FadeIn和FadeOut當用PHP動態加載時

$('#photo1 img').click(function(){ 


$('#inner_left img').attr('src',$(this).attr('big')); });

和加載拇指PHP的一部分：

foreach($imagess as $image){ 
    if($image['image_th_source'] != '' && $image['image_source'] != ''){ 
     echo ' 
      <div id=photo1> 
       <a href="#"> <img src="'.$image['image_th_source'].'" alt="'.$image['image_alt'].'" title="'.$image['image_title'].'" big="'.$image['image_source'].'" /></a> 
      </div> 
     '; 
    } 
}

請幫忙，如果你可以！

來源

2012-03-25 Bruno

清潔效果的衰落解決了這樣的畢竟：

$('.photo1 img').click(function(){ 
var our_photo =$(this); 
$('#inner_left').fadeOut(1500, function(){ 
    $('#inner_left img').attr('src',our_photo.attr('big')); 
    $('#inner_left').fadeIn(1500); 

});});

感謝您的幫助！

來源

2012-03-26 09:24:36 Bruno

首先，您不應該在foreach迭代器中使用photo1中的id屬性，嘗試使用類（或更改每個div中的id，每個id都應該是唯一的）。

，那麼你可以做到這一點在你的jQuery腳本

$('.photo1').click(function(){ 
    $('#inner_left').fadeOut(); 
    $('#inner_left').attr('src',$(this).attr('big')); 
    $('#inner_left').fadeIn(); 
});

你可能要預先加載這些圖像來獲得壽

來源

2012-03-26 01:17:38 torresmateo

FadeIn和FadeOut當用PHP動態加載時

回答

相關問題