我目前有以下代码可以在单击缩略图时替换大图像:
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/