Question

我正在尝试实现一个脚本，该脚本将淡化一组新图像，替换旧图像集，对按钮上的单击事件将是一个图像或一段文本。要了解我想要复制的内容（不幸的是，在flash中），请参阅http://seanjustice.com/的“教学”部分。

我发现了这个jfiddle from another topic on stackoverflow，但我不知道如何使用按钮和鼠标点击来替换图像集，而不是仅仅使用悬停效果时的简单淡入淡出。

那么有人可以帮我提出建议吗？ 如何使用会触发图像交换的按钮？

Answer 1

使用您提供的jsfiddle，您可以执行以下操作：

$('.fadein').each(function() {

    var std = $(this).attr("src");
    var hover = std.replace("text=1", "text=2");
    $(this).wrap('<div />').clone().insertAfter(this).attr('src', hover).removeClass('fadein').siblings().css({
        position:'absolute'
    });

    $('#swapper').click(function() {
        $('.fadein').stop().fadeTo(600, 0);
    });
});

对不起，这是标记：

<img class="fadein" src="http://dummyimage.com/180x100/000/fff&text=1" alt="" />
<img class="fadein" src="http://dummyimage.com/180x100/cf5/fff&text=1" alt="" />
<img class="fadein" src="http://dummyimage.com/180x100/f0f/fff&text=1" alt="" />

<a href="#" id="swapper">Click Here</a>

用于交换图像集的按钮

1 个答案: