Показать сообщение отдельно
  #1 (permalink)  
Старый 06.02.2013, 14:00
Интересующийся
Отправить личное сообщение для rebroff Посмотреть профиль Найти все сообщения от rebroff
 
Регистрация: 20.10.2010
Сообщений: 14

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

Заранее благодарю за помощь.
Ответить с цитированием