javascript - 动态内容转换器

Question

我想创建这个: Multi Image Change

如果您点击颜色选择器 Tumbnail("Farbe:")，其他 Pic 将出现在“pvImagesContent”部分。我自己试过这个:

http://m4terialrmk.bplaced.net/list%20zoomer/demo.html

到目前为止一切顺利，但现在我不知道如何继续？我试图将多个列表缩放控件放在一个 div 中并使一个出现另一个消失，但它破坏了我的功能。

或者我必须在 Javascript 的帮助下更改图像路径吗？如果是这样，我只想更改 img 路径的一部分。

img/red/pic-1.jpg >>will be>> img/blue/pic-1.jpg

Answer 1

您可以使用 jQuery

$(function() {
    $('img').each(function() {
        if($(this).attr('src').indexOf('/red/')) ($(this).attr('src')).replace("/red/","/blue/");
    });
});