Question

我在这里有点狡猾，但我基本上试图将图像交换功能放入Galleriffic。我一直在调整jquery Galleriffic图像库以满足客户的需求，所有这些都与我需要添加的这个功能完全不同。

左边的大图下面是文字'负面/正面'。客户希望用户可以选择在点击“否定”时查看图像的负面即反转版本，然后在点击“正面”时将图像恢复为原始版本。我将图库中的每个图像都作为负面版本（完全相同的尺寸等），所以我需要做的只是在点击下面的负面或正面文字时用另一个图像替换当前图像。

希望这一切都有意义。任何人都可以帮助我一些脚本，这将启用此功能吗？任何评论都欢迎，因为我的智慧结束了这个！

一切顺利

S

Answer 1

我不是该画廊的专家，但这就是我将如何解决这个问题。我会创建负片图像并将它们存储在与主图像相同的文件夹中，并添加到文件的末尾，例如：

绘画-001.JPG

绘画-001-neg.jpg

然后为负面和正面链接添加一个单击事件处理程序，该处理程序将使用相同的图像替换当前的大图像src，前面加上“neg - ”。

$("img#ID_OF_MAIN_IMAGE").src($(this).attr('src').replace('.jpg','-neg.jpg'));

并恢复它：

$("img#ID_OF_MAIN_IMAGE").src($(this).attr('src').replace('-neg.jpg','.jpg'));

您只需要一个正/负链接实例，而不是每张照片都有一个实例。

如果不清楚，请告诉我