Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Скрипт не корректно работает в Google Chrome (https://javascript.ru/forum/dom-window/35284-skript-ne-korrektno-rabotaet-v-google-chrome.html)

rebroff 06.02.2013 14:00

Скрипт не корректно работает в 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 меняется большое фото. Все прекрасно работает, но только не в Хроме. В Хроме проблема возникает, если кликнуть второй раз на миниатюре уже активного изображения. При этом большое изображение не перегружается, а исчезает.

Заранее благодарю за помощь.

Deff 06.02.2013 14:17

rebroff,
Ccылку на действующий образец или перезалейте в песочницу, ссылка в меню

rebroff 06.02.2013 14:28

Ошибку нашла. В строке 5 скрипта нужно было добавить fadeIn(). Почему отрабатывало в остальных браузерах неизвестно.


Часовой пояс GMT +3, время: 04:37.