用Javascript替换图片和图片标题/替代文字 [英] Replace image and image title/alt text with Javascript

问题描述

使用Javascript：

pre> 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 =mainimagename =mainimagesrc ={$ smarty.const.dir_images} / l _ {$ this_page.image1}title ={$ this_page.image1text} alt ={$ this_page.image1text}/> 
  

我想要做的不仅仅是当点击缩略图时更改大图片源， &安培;标题标签。

预先致谢 试试看使用这种方式：

JavaScript

  img1.alt =图片ALT; 
 img1.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 =/><一个> 
  

I currently have the following code that replaces a big image when a thumbnail is clicked:

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}';

Thumbnail 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>

Large Image HTML:

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

What I want to do is not only change the large image source when the thumbnail is clicked but the alt & title tags as well.

Thanks in advance

解决方案

Try to use this way:

JavaScript

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

Thumbnail 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替换图片和图片标题/替代文字的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！