JQuery - 圖像淡化w/Php變量

我在縮略圖下方放大圖像。單擊縮略圖時，需要淡出當前大圖像，並淡入縮略圖的大圖像。所有圖像和縮略圖都從數據庫中提取。JQuery - 圖像淡化w/Php變量

要做到這一點，最好的方法是什麼？

$(document).ready(function(){ 
    $('.thumbnail').live('click', function(){ 
     var self = this; 
     $('#hero img').fadeOut(function(){ 
      $('#hero img').attr('src', self.src.replace('50x50', '572x362')).fadeIn(); 
     }); 
    }); 
});

來源

2011-03-22 djt

客戶端，使用jQuery，看起來是這樣的：

$('.thumbnail').live('click', function(ev){ 
    ev.preventDefault(); 
    var self = this; 
    $('.largeImage').fadeOut(function(){ 
     $('.largeImage').attr('src', self.src.replace(/_sm/, '_lg')).fadeIn(); 
    }); 
});

那麼你的PHP只是生成與<img class="thumbnail" src="some_img_sm.jpg">的標記和一些DIV <img class="largeImage">

來源

2011-03-22 05:57:06

對不起，我本來應該更具體...圖像src將來自Php。那麼我該怎麼做？ – djt 2011-03-22 06:05:09

從您的數據庫中獲取數據到一個php數組中，並循環它並回顯「echo」「;'對於每個條目（對不起，我會給你更多的東西，但大約5年時間沒有碰到PHP。 – 2011-03-22 06:09:01

，唯一的一點是，頁面在函數執行後會自動回滾到頂部，可能會導致圖像消失一秒鐘，然後再次出現。我可以做些什麼呢？ – djt 2011-03-23 18:52:07

JQuery - 圖像淡化w/Php變量

回答

相關問題