Показать сообщение отдельно
  #1 (permalink)  
Старый 20.09.2016, 08:45
Новичок на форуме
Отправить личное сообщение для Dolphin Посмотреть профиль Найти все сообщения от Dolphin
 
Регистрация: 20.09.2016
Сообщений: 5

Не получается изменить стандартные действия ссылки
Доброго времени суток. Хочу сделать маленький слайд шоу. В ссылки поместил миниатюры картинок элементов img, далее в href ссылки поставил ссылку на большую картинку. В общем коротко говоря смысл такой, есть большой экран(блок div), в низу него расположены миниатюры картинок обвернутые ссылками, по нажатию на миниатюру, в большом экране должна появится большая картинка. Так вот, я сделал событие клик, сделал что бы по нажатию на миниатюру, заставка на экране пряталась, затем меняется атрибут src на атрибут href ссылки, т.е. таким образом на большом экране должна загрузится ссылка на большую картинку, так вот, нажимаю по миниатюре, а она открывает большую картинку в новом окне. Я пробовал воздействовать на объект события (e.preventDefault()), не помогает, затем сделал return false; тоже не помогло. Все равно срабатывает стандартное действие ссылки. Вот код:

<div id="small">
<a href="images/gal/1.jpg"><img src="images/gal/1_mini.jpg" alt="Миниатюра 1" /></a>
<a href="images/gal/2.jpg"><img src="images/gal/2_mini.jpg" alt="Миниатюра 2" /></a>
<a href="images/gal/3.jpg"><img src="images/gal/3_mini.jpg" alt="Миниатюра 3" /></a>
<a href="images/gal/4.jpg"><img src="images/gal/4_mini.jpg" alt="Миниатюра 4" /></a>
</div>


$(document).ready(function () {

	$('#small a').click(function(eventObject){

		$('#big img').hide().attr('src',$(this).attr('href'));
		$('#big img').load(function() {
			$(this).fadeIn(1000);
		}); //end load
		eventObject.preventDefault();
	}); //end click


}); //end ready
Ответить с цитированием