文章/答案/技术大牛

发布

社区首页 >问答首页 >用Javascript替换图像和图像标题/alt文本

问用Javascript替换图像和图像标题/alt文本
EN

Stack Overflow用户

提问于 2012-08-17 17:34:54

回答 4查看 24.9K关注 0票数 3

我目前有以下代码，当单击缩略图时替换大图像：

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

html

image

回答 4

Stack Overflow用户

回答已采纳

发布于 2012-08-17 18:00:22

试着这样使用：

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>

票数 12

Stack Overflow用户

发布于 2012-08-17 17:45:13

使用setAttribute：

document.getElementById("mainimage").setAttribute("alt", "My new Alt");

票数 2

Stack Overflow用户

发布于 2012-08-17 17:40:49

你是说这个(jQuery方式)

img1.attr('alt','this is alt');
img1.attr('title', 'this is title');

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/12003292

复制

相似问题

问用Javascript替换图像和图像标题/alt文本
EN

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问用Javascript替换图像和图像标题/alt文本EN

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问用Javascript替换图像和图像标题/alt文本
EN