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タグも変更することです。

前もって感謝します

4

4 に答える 4

12

このように使用してみてください：

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>
于 2012-08-17T10:00:22.253 に答える
2

setAttributeを使用します：

document.getElementById("mainimage").setAttribute("alt", "My new Alt");
于 2012-08-17T09:45:12.713 に答える
0

あなたはこれを意味します（jQueryの方法）

img1.attr('alt','this is alt');
img1.attr('title', 'this is title');
于 2012-08-17T09:40:48.680 に答える
0

jqueryを使用しない場合は、要素を親から削除してから新しい要素を追加することで要素を置き換えることができます

    <script type="text/javascript">
        function replaceImage(img , num){
            var parentNode = img.parentNode;
            parentNode.removeChild(img);
            parentNode.innerHTML += '<img id="mainimage" name="mainimage" src="{$smarty.const.dir_images}/l_{$this_page.image' + num + '}" title="{$this_page.image' + num + 'text}" alt="{$this_page.image' + num + 'text}" />'
        }
    </script>
    <img src="{$smarty.const.dir_images}/t_{$this_page.image1}" title="" alt="" onclick="replaceImage(this ,1)"/>
    <img src="{$smarty.const.dir_images}/t_{$this_page.image2}" title="" alt="" onclick="replaceImage(this ,2)"/>
于 2012-08-17T10:23:08.813 に答える