Question

我正在尝试根据点击的缩略图图像来更改主图像。我希望主图像从点击的缩略图的标签中获取新的src。

我已经看过其他方法使用attr，src但是在每种情况下他们手动指定新的“src”，我怎样才能从点击缩略图的标签中获取src的代码？

如果有人能给我看，真的很感激，谢谢。

编辑：

尝试更改主照片的标题，点击缩略图获取新标题/我的简化代码如下所示

         <img src="{hotel_main_photo}" id="main_photo" class="view_page_photo frame"      width="420" height="320" alt="{title}" />

        <p>{main_caption}</p>

        <div id="thumbnails">

            <img src="{thumb}" width ="" height="" alt="" />

                            <p>{thumb_caption}</p>

            {/hotel_other_photos}

        </div>

我基本上试图更改'main_caption'以显示点击的缩略图的thumb_caption。如果有帮助，我可以将thumb_caption存储为标题或alt吗？

再次感谢

再次编辑（！）

我认为使用詹姆斯的建议，我有点想通过以下

来解决这个问题

$（ “＃main_caption”）文本（$（本）.attr（ “ALT”））;

Answer 1

这样的事情可以解决问题：

$(".thumbnail").click(function() {
    $("#mainImage").attr("src", $(this).attr("src"));
});

它只获取点击的src元素的.thumbnail，并将其用作src的{{1}}值。

创建一个简单的“点击缩略图，更改主图像”代码

1 个答案: