Извлечение атрибута alt из изображения в div (цель описания галереи) - PullRequest
Новая
       10

Извлечение атрибута alt из изображения в div (цель описания галереи)

0 голосов
/ 26 января 2011

Итак, у меня есть эта мини-галерея.Вот как я хочу, чтобы это работало: img БОЛЬШОЕ ИЗОБРАЖЕНИЕ img div описание div img thumbnails img

Все работает нормально, но я не знаю, правильно ли я извлекаю alt value в div.Код вкл .:

Образец HTML: 

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

});

Заранее спасибо!

1 Ответ

6 голосов
/ 26 января 2011

Использование $(this).attr("alt") в этом контексте возвращает атрибут alt тега, а не дочернего img.

Попробуйте это: 

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