Показать сообщение отдельно
  #7 (permalink)  
Старый 16.12.2014, 00:43
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

bes,
this
<script>
Object.prototype.toggle = function () {
	var args = arguments;
	var length = args.length;
	var counter = 0;
	this.addEventListener("click", function () {
		if (counter == length ) counter = 0;
		args[counter++].call(this);
	});
}

document.addEventListener("DOMContentLoaded", function () {
	var images = document.querySelectorAll(".visible img");
	Array.prototype.map.call(images, function (img) {
		img.toggle(
			function () {
				this.src = 'http://javascript.ru/forum/images/smilies/dance3.gif';
				this.title = '111'
			},
			function () {
				this.src = 'http://javascript.ru/forum/images/smilies/write.gif';
				this.title = '222';
			},
			function () {
				this.src = 'http://javascript.ru/forum/images/smilies/victory.gif';
				this.title = '333';
			}
		);
	});
});
</script>


<span class="visible"><img src="http://javascript.ru/forum/images/smilies/victory.gif" title="333" /></span>
<span class="visible"><img src="http://javascript.ru/forum/images/smilies/victory.gif" title="333" /></span>
<span class="visible"><img src="http://javascript.ru/forum/images/smilies/victory.gif" title="333" /></span>
<span class="visible"><img src="http://javascript.ru/forum/images/smilies/victory.gif" title="333" /></span>
<span class="visible"><img src="http://javascript.ru/forum/images/smilies/victory.gif" title="333" /></span>

Последний раз редактировалось рони, 16.12.2014 в 01:01. Причина: this.counter там ни к чему
Ответить с цитированием