Смена картинок
Всем добрый день,
Хотел бы узнать как можно изменять картинки, поясню: есть ссылка: <a href="#1"><img src="web-pages.png"></a> после клика web-pages.png заменяется на web-pages2.png т.е. на: <a href="#1"><img src="web-pages2.png"></a> Тут же есть вторая кнопка: <a href="#2"><img src="auction.png"></a> В которой тоже должно менятся при клике на auction2.png: <a href="#2"><img src="auction2.png"></a> Но если до этого нажимали на ссылку web-pages то после нажатия на auctions картинка у web-pages должна изменить на первую. Результат: |
Всё сам решил проблему... Кому интересно вот так:
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <style> img{ border: 0; } </style> <script type="text/javascript" language="Javascript" src="main.js"></script> <title>page</title> </head> <a href="#" class="imagelink"><img src="images/auction.png"></a> <a href="#" class="imagelink"><img src="images/clickbank.png"></a> <a href="#" class="imagelink"><img src="images/electronics.png"></a> <a href="#" class="imagelink"><img src="images/magazines.png"></a> <a href="#" class="imagelink"><img src="images/music.png"></a> <a href="#" class="imagelink"><img src="images/news.png"></a> <a href="#" class="imagelink"><img src="images/shopping.png"></a> <a href="#" class="imagelink"><img src="images/video.png"></a> <a href="#" class="imagelink"><img src="images/web-pages.png"></a> </html> main.js: window.onload = getLinks; var allTags = new Array(); function getLinks(){ var allTags = document.getElementsByTagName("*"); var classAr = new Array(); for(var i=0; i<allTags.length; i++){ if(allTags[i].className == 'imagelink'){ classAr.push(allTags[i]); } } return rest(classAr) } function rest(arr){ var child = new Array(); for(var i = 0; i<arr.length; i++){ child.push(arr[i].childNodes[0].src); var link = arr[i].childNodes[0].src; arr[i].onclick = function(){ var link = this.childNodes[0].src; for(var j=0; j<arr.length; j++){ var link2 = arr[j].childNodes[0].src; if(link2.slice(link2.length - 5, link2.length - 4) == '2'){ var first = link2.slice(0, link2.length - 5); var second = link2.slice(link2.length - 4); arr[j].childNodes[0].src = first + second; } else{ if(link2 == link){ var type = link.slice(link.length - 4); var elsee = link.slice(0, link.length - 4); arr[j].childNodes[0].src = elsee + '2' + type; } } } return false; } } return false; } |
Часовой пояс GMT +3, время: 07:17. |