Форум

ksa · #11 (**permalink**) 16.10.2011, 16:55

Решатель, не нужно ничего "крепить"... Пример размещай тут. Примеров, как это сделать, валом на этом форуме.

Даже в последних сообщениях, в том числе и моих...

Решатель · #12 (**permalink**) 16.10.2011, 16:57

html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Документ без названия</title>
<script src="Untitled-2.js" type="text/javascript"></script>
<script src="jquery.js" type="text/javascript"></script>
<link href="Untitled-3.css" type="text/css" rel="stylesheet" />
</head>

<body>
<div class="navig">
	<img src="check-on.png" width="35" height="35" alt="kartinka"/>
    <img src="check-on.png" width="35" height="35" alt="kartinka"/>
    <img src="check-on.png" width="35" height="35" alt="kartinka"/>
    <img src="check-on.png" width="35" height="35" alt="kartinka"/>
</div>

</body>
</html>

javascript:

$(document).ready(function(e) {
    $('.navig img').click(function(){
		//Что тут должно быть чтобы при клике по i-ой картинке выводился alert с ее номером? 
	});
});

ksa · #13 (**permalink**) 16.10.2011, 16:59

Решатель, если я скопирую твой пример... Соберу его в кучу... Он не сможет заработать у меня.

Но всетаки хоть что-то...

Решатель · #14 (**permalink**) 16.10.2011, 17:02

Ну так поможете?

ksa · #15 (**permalink**) 16.10.2011, 17:06

Как вариант...

<!DOCTYPE html>
<html>
<head>
<title>test</title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<style type="text/css">
</style>
<script type='text/javascript'>
$(document).ready(function() {
	$('.navig img').each(function(i) {
		$(this).click(function() {
			alert('Клик по '+(i+1)+'-ому изображению');
		});
	});
});
</script>
</head>
<body>
<div class="navig">
	<img src="http://javascript.ru/forum/images/smilies/smile.gif" width="35" height="35" alt="kartinka"/>
    <img src="http://javascript.ru/forum/images/smilies/smile.gif" width="35" height="35" alt="kartinka"/>
    <img src="http://javascript.ru/forum/images/smilies/smile.gif" width="35" height="35" alt="kartinka"/>
    <img src="http://javascript.ru/forum/images/smilies/smile.gif" width="35" height="35" alt="kartinka"/>
</div>
</body>
</html>

Т.ч. начинай учиться делать нормальные тестовые примеры...

Решатель · #16 (**permalink**) 16.10.2011, 17:09

Аке

Спасибо большое!

walik · #17 (**permalink**) 17.10.2011, 17:26

$(document).ready(function() {
    $('.navig img').click(function() {
      alert('Клик по '+($(this).index()+1)+'-ому изображению');
    });
});

Markuper · #18 (**permalink**) 19.10.2011, 13:36

Сообщение от walik

$(document).ready(function() {
    $('.navig img').click(function() {
      alert('Клик по '+($(this).index()+1)+'-ому изображению');
    });
});

Вот так бут вернее, и не нужно перебирать все имаги что есть у тебя, просто ловиш индекс имаги на кторой кликнул.

Форум

Справочник

Discord чат

Курсы javascript