Javascript-форум - Вставить изображения в ссылку

Javascript-форум (https://javascript.ru/forum/)

- Events/DOM/Window (https://javascript.ru/forum/events/)

- - Вставить изображения в ссылку (https://javascript.ru/forum/events/45907-vstavit-izobrazheniya-v-ssylku.html)

Вставить изображения в ссылку

Добрый день.
Имеется конструкция:

<div class="images">
    <a class="lin" href="адрес1"></a>
    <a class="lin" href="адрес2"></a>
    <a class="lin" href="адрес3"></a>
    <a class="lin" href="адрес4"></a>
</div>

Мне необходимо при наведении на слой .images получить вот это

<div class="images">
    <a class="lin"> <img csr="адрес1" /> </a>
    <a class="lin"><img csr="адрес2" /></a>
    <a class="lin"><img csr="адрес3" /></a>
    <a class="lin"><img csr="адрес4" /></a>
</div>

Три часа ковырялся, но так и не смог победить.
или во все ссылки вставляет одинаковую картинку, или вообще ни чего не вставляет.
Так же не подгружает картинки.
К сожалению в яваскрипт не силен.
Помогите пожалуйста победить.

Pashok,
обойти циклом все ссылки и вставить картинку указав в src = адрес + индекс и выкинуть

Цитата:

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

csr

а что сервер неработает?

Цитата:

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

Три часа ковырялся, но так и не смог победить.

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

<!DOCTYPE html>
<html>
<head>
<script src='http://code.jquery.com/jquery-latest.js'></script>
<!--
<link rel='stylesheet type=text/css href=tmp.css' />
-->
<style type='text/css'>
.images {
	min-height: 10px;
	border: 1px solid;
}
</style>
<script type='text/javascript'>
$(function() {
	$('.images').mouseover(function (){
		$(this).find('.lin').each(function (){
			$(this).append('<img src="'+this.href+'" />');
			$(this).removeAttr('href');
		});
		$(this).unbind('mouseover');
	});
});
</script>
</head>
<body>
<div class="images">
	<a class="lin" href="адрес1"></a>
	<a class="lin" href="адрес2"></a>
	<a class="lin" href="адрес3"></a>
	<a class="lin" href="адрес4"></a>
</div>
</body>
</html>

Во все ссылки вставлет одно и то же изображение

Цитата:

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

Во все ссылки вставлет одно и то же изображение

Чеш ты врешь-то! :D

<!DOCTYPE html>
<html>
<head>
<script src='http://code.jquery.com/jquery-latest.js'></script>
<!--
<link rel='stylesheet type=text/css href=tmp.css' />
-->
<style type='text/css'>
.images {
	min-height: 10px;
	border: 1px solid;
}
</style>
<script type='text/javascript'>
$(function() {
	$('.images').mouseover(function (){
		$(this).find('.lin').each(function (){
			$(this).append('<img src="'+this.href+'" />');
			$(this).removeAttr('href');
		});
		$(this).unbind('mouseover');
	});
});
</script>
</head>
<body>
<div class="images">
	<a class="lin" href="http://javascript.ru/forum/images/smilies/smile.gif"></a>
	<a class="lin" href="http://javascript.ru/forum/images/smilies/laugh.gif"></a>
	<a class="lin" href="http://javascript.ru/forum/images/smilies/blink.gif"></a>
	<a class="lin" href="http://javascript.ru/forum/images/smilies/wink.gif"></a>
</div>
</body>
</html>

Какие ссылки - такие и изображения...

прошу прощения.
действительно - проблема была в ссылках :(
а я мозг и вам и себе выношу
спасибо за помощ