gpt4 book ai didi

javascript - 用 Javascript 替换图像和图像标题/替代文本

转载 作者:太空宇宙 更新时间:2023-11-04 13:55:37 25 4
gpt4 key购买 nike

我目前有以下代码可以在单击缩略图时替换大图像:

Javascript:

    img1 = new Image();
img1.src = '{$smarty.const.dir_images}/l_{$this_page.image1}';
img2 = new Image();
img2.src = '{$smarty.const.dir_images}/l_{$this_page.image2}';

HTML 缩略图:

    <a href="javascript:document['mainimage'].src = img1.src; javascript:void(0);"><img src="{$smarty.const.dir_images}/t_{$this_page.image1}" title="" alt=""/></a>
<a href="javascript:document['mainimage'].src = img2.src; javascript:void(0);"><img src="{$smarty.const.dir_images}/t_{$this_page.image2}" title="" alt=""/></a>

大图像 HTML:

    <img id="mainimage" name="mainimage" src="{$smarty.const.dir_images}/l_{$this_page.image1}" title="{$this_page.image1text}" alt="{$this_page.image1text}" />

我想做的不仅是在单击缩略图时更改大图像源,而且还更改 alt 和 title 标签。

提前致谢

最佳答案

尝试这样使用:

JavaScript

img1.alt="Image alt";
img1.title="Image title";

HTML 缩略图:

<a href="javascript:document['mainimage'].src = img1.src;document['mainimage'].alt = img1.alt; document['mainimage'].title = img1.title; javascript:void(0);"><img src="{$smarty.const.dir_images}/t_{$this_page.image1}" title="" alt=""/></a>

关于javascript - 用 Javascript 替换图像和图像标题/替代文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12003292/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com