Question

所以我有这个迷你画廊。这就是我希望它的工作方式： img BIG IMAGE img div描述div img缩略图img

Everyting工作正常，但我不知道我是否正确地将alt值提取到div中。代码公司：

HTML SAMPLE：

<p><img id="largeImg" src="zdjecia/bawialnia.jpg" alt="Large image" /></p> 
  <div id="opis"></div>
<p class="thumbs">

 <a href="zdjecia/bawialnia.jpg" title="Bawialnia"><img src="zdjecia/bawialnia-thumb.jpg" alt="some description" /></a>

Jquery的：

$(document).ready(function(){

 $("h2").append('<em></em>')

 $(".thumbs a").click(function(){

   var largePath = $(this).attr("href");
   var largeAlt = $(this).attr("title");

   var altText = $(this).attr("alt");


   $("#largeImg").attr({ src: largePath, alt: largeAlt });

   $("div#opis").html(altText);

   $("h2 em").html(" (" + largeAlt + ")"); return false;
 });

});

提前致谢！

Answer 1

在该上下文中使用$(this).attr("alt")返回a标记的alt属性，而不是子img。

试试这个：

var altText = $(this).find('img').attr('alt');

从图像中提取alt属性到div（图库描述目的）

1 个答案: