Question

我在缩放图片下方放大图片。单击缩略图时，需要淡出当前的大图像，并淡入缩略图的大图像。所有图像和记录都是从数据库中提取的。

最好的办法是什么？

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

Answer 1

客户端使用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">

生成标记

JQuery - 图像淡入淡出与Php变量

1 个答案: