Скрипт не корректно работает в Google Chrome
Здравствуйте.
Разметка. <div id="large"> <img src="files/big/big4.jpg" title="" alt=""> </div> <ul id="thumbnail"> <li class="active"> <a href="files/big/big4.jpg"><img src="files/thumb/thumb4.jpg" title="" alt="big4.jpg"></a> </li> <li> <a href="files/big/big5.jpg"><img src="files/thumb/thumb5.jpg" title="" alt="big5.jpg"></a> </li> <li> <a href="files/big/big6.jpg"><img src="files/thumb/thumb6.jpg" title="" alt="big6.jpg"></a> </li> </ul> Скрипт. $(function(){ $("#thumbnail li a").click(function(){ $("#thumbnail li").removeClass('active'); $(this).parent().addClass('active'); $("#large img").hide().attr({"src": $(this).attr("href"), "title": $("> img", this).attr("title")}); $("#large h2").html($("> img", this).attr("title")); return false; }); $("#large>img").load(function(){$("#large>img:hidden").fadeIn("slow")}); }); Т.е. по клику на миниатюру в блоке #large меняется большое фото. Все прекрасно работает, но только не в Хроме. В Хроме проблема возникает, если кликнуть второй раз на миниатюре уже активного изображения. При этом большое изображение не перегружается, а исчезает. Заранее благодарю за помощь. |
rebroff,
Ccылку на действующий образец или перезалейте в песочницу, ссылка в меню |
Ошибку нашла. В строке 5 скрипта нужно было добавить fadeIn(). Почему отрабатывало в остальных браузерах неизвестно.
|
Часовой пояс GMT +3, время: 01:45. |