对同一图像的淡入淡出和肯伯恩斯效果
对同一图像的淡入淡出和肯伯恩斯效果
提问于 2013-07-27 11:09:00
当我点击一个链接时，我需要将kenburn效果和淡入淡出效果放到同一张图片上。
我试着按我的方式去做，但它不能完美地工作。
当我点击box1时，我需要淡出和刻录第一张图片，对第二张图片也是如此。
对于两个图像，我都放了两次JavaScript。我需要它为两个图像放一次，但需要单击淡入淡出和kenburn每个图像的box1和box2。
你能帮个忙吗？
This is my work. DEMO
$(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');
};回答 1
Stack Overflow用户
发布于 2013-07-27 22:05:35
我认为您希望通过单击每个图像的相应框来应用该效果
您需要在http://api.jquery.com/中阅读有关$(this), eq(), index()的内容
有太多的方法可以做到这一点，我认为这是一个有效的方法：
1-获取盒子的索引
2-将效果应用于具有相同索引的图像
这是一个
请记住，您不必为每个框复制相同的jquery代码，您可以使用$(this)来代替
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/17893853
复制相关文章
相似问题
腾讯云开发者
