После прочтения похожих вопросов со многими вариантами я все еще застрял в этой проблеме.
Вот HTML:
<div id="menu">
<img class="menu" id="2" src="./images/child/t_jamie.jpg" alt="Jamie" data-id="2" />
<img class="menu" id="3" src="./images/child/t_jimmy.jpg" alt="Jimmy" data-id="3" />
<img class="menu" id="4" src="./images/child/t_chloe.jpg" alt="Chloe" data-id="4" />
<img class="menu" id="5" src="./images/child/t_francis.jpg" alt="Francis" data-id="5" />
<img class="menu" id="6" src="./images/child/t_sam.jpg" alt="Sam" data-id="6" />
</div>
Вот JavaScript:
$.vegas({
src: $($('.menu')[0]).attr('href').replace("t_", "f_"),
fade: 1500
});
Отлично работает в IE 9, но не работает в Safari или Firefox.Вот ошибка Firebug:
$(".menu")[0].href is undefined
Я перепробовал много вариантов выше, но не могу получить желаемую функциональность.Я знаю, это должно быть просто.Вы можете помочь?