Question

当我点击一个链接时，我需要将kenburn效果和淡入淡出效果同时放到同一个图像上。

我试着按照自己的方式去做，但效果并不理想。

当我点击box1时，我需要淡化和肯定第一张图片，同样使用第二张图片。

我为这两个图片放了两次JavaScript。我需要为两个图像添加一次，但需要同时点击box1和box2以获得淡入淡出和每个图像的kenburn。

你能帮忙解决这个问题吗？

$(document).ready(function () {
    $('.box1').on('click', function () {
        $('#slideimg01').addClass('zoom'),2000;
    });
});

$(".box1").bind("click", function(e){
    e.preventDefault();
    gogo();
});

var gogo = function(){


$("#slideimg1 img").clone().appendTo("#slideimg1").hide().css({ position: 'absolute', top: 0, left: 0 });
$("#slideimg1 img:first").fadeOut(1000,'linear');
$("#slideimg1 img:last").fadeIn(1000,'linear');

};

Answer 1

我认为您希望通过单击相应的框来对每个图像应用该效果您需要阅读http://api.jquery.com/中$(this), eq(), index()的内容有太多方法可以做到这一点，我认为这是有效的方法：
1 - 获取方框的索引
2 - 将效果应用于具有相同索引的图像

这是demo

请记住，您不必为每个框复制相同的jquery代码，您可以使用$(this)代替

Fade和Kenburns对同一图像的影响

1 个答案: