Ingiborn,
в каком месте неработает?
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
</head>
<body>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
$(function () {
$(".img").each(function (indx, el) {
var image = $(".image", el),
osrc = image.attr("src"),
next = $(el).next();
$(".big", next).hover(function () {
var nsrc = $(this).attr("rel");
image.attr({
src: nsrc
})
}, function () {
image.attr({
src: osrc
})
})
})
});
</script>
<div>
<div class="img"><img src="http://learn.javascript.ru/files/tutorial/browser/events/gallery/img1-lg.jpg" class="image"></div>
<div class="new_img">
<img src="http://learn.javascript.ru/files/tutorial/browser/events/gallery/img2-thumb.jpg" rel="http://learn.javascript.ru/files/tutorial/browser/events/gallery/img2-lg.jpg" class="big">
<img src="http://learn.javascript.ru/files/tutorial/browser/events/gallery/img3-thumb.jpg" rel="http://learn.javascript.ru/files/tutorial/browser/events/gallery/img3-lg.jpg" class="big">
<img src="http://learn.javascript.ru/files/tutorial/browser/events/gallery/img4-thumb.jpg" rel="http://learn.javascript.ru/files/tutorial/browser/events/gallery/img4-lg.jpg" class="big">
<img src="маленькая фотка" rel="большое фото" class="big">
<img src="маленькая фотка" rel="большое фото" class="big">
<img src="маленькая фотка" rel="большое фото" class="big">
</div>
</div>
<div>
<div class="img"><img src="http://learn.javascript.ru/files/tutorial/browser/events/gallery/img5-lg.jpg" class="image"></div>
<div class="new_img">
<img src="http://learn.javascript.ru/files/tutorial/browser/events/gallery/img6-thumb.jpg" rel="http://learn.javascript.ru/files/tutorial/browser/events/gallery/img6-lg.jpg" class="big">
<img src="маленькая фотка" rel="большое фото" class="big">
<img src="маленькая фотка" rel="большое фото" class="big">
<img src="маленькая фотка" rel="большое фото" class="big">
<img src="маленькая фотка" rel="большое фото" class="big">
<img src="маленькая фотка" rel="большое фото" class="big">
</div>
</div>
<div>
<div class="img"><img src="большое фото" class="image"></div>
<div class="new_img">
<img src="маленькая фотка" rel="большое фото" class="big">
<img src="маленькая фотка" rel="большое фото" class="big">
<img src="маленькая фотка" rel="большое фото" class="big">
<img src="маленькая фотка" rel="большое фото" class="big">
<img src="маленькая фотка" rel="большое фото" class="big">
<img src="маленькая фотка" rel="большое фото" class="big">
</div>
</div>
</body>
</html>