webmanss,
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<script>
var imagesFoto = ['http://www.livegif.ru/Gallery/ALFAV_CH/CHISLA/0.GIF',
'http://www.livegif.ru/Gallery/ALFAV_CH/CHISLA/1-11.GIF',
'http://www.livegif.ru/Gallery/ALFAV_CH/CHISLA/2-10.GIF',
'http://www.livegif.ru/Gallery/ALFAV_CH/CHISLA/3-10.GIF',
'http://www.livegif.ru/Gallery/ALFAV_CH/CHISLA/4-11.GIF'
],
i = 1,
len = imagesFoto.length,
preloadImg = [];
for (var j = 0; j < imagesFoto.length; j++) {
preloadImg[j] = new Image();
preloadImg[j].src = imagesFoto[j];
};
window.onload = afterLoad;
function afterLoad() {
[].forEach.call(document.querySelectorAll('.present'), function(item) {
item.addEventListener('click', clickMouseImg, false);
});
};
function clickMouseImg(event) {
event.preventDefault();
var img1 = document.getElementById('img_0');
img1.src = imagesFoto[i];
i = ++i % len;
};
</script>
</head>
<body>
<img id="img_0" src="http://www.livegif.ru/Gallery/ALFAV_CH/CHISLA/0.GIF">
<br>
<a href="link_1" class="present">ссылка1</a>
<a href="link_1" class="present">ссылка1</a>
<a href="link_1" class="present">ссылка1</a>
</body>
</html>