| [1 | Тема: Динамическая смена картинок-ссылок на javascript] Kras [09.08.2012, 12:05] |
Здраствуйте! Нужна помощь, в енете нахожу много примеров по смене картинок без перезагрузки страницы, но не могу никак реализовать что бы вместе с картинкой менялася и ссылка. Вобщем на каждой картинке должна быть своя ссылка, чтобы при нажатии на картинку осуществлялся переход по соответственной ссылке!!!
Заранее благодарен за ответ! |
|
| [2 | Тема: Динамическая смена картинок-ссылок на javascript] Kras [09.08.2012, 15:57] |
Здраствуй likbezz!
Можеж посмотреть на код, картинки меняются нормально но вот при нажатии на картинки переходит только по второй ссылке незнаеш в чем проблема!
<script type="text/javascript">
var image_count = 2;
var interval = 5000;
var time_out = 15;
var i = 0;
var timeout;
var opacity = 100;
function change_image() {
opacity--;
var j = i + 1;
var current_image = 'img_' + i;
if (i == image_count) j = 1;
var next_image = 'img_' + j;
document.getElementById(current_image).style.opacity=opacity/100;
document.getElementById(current_image).style.filter='alpha(opacity='+opacity+')';
document.getElementById(next_image).style.opacity=(100-opacity)/100;
document.getElementById(next_image).style.filter='alpha(opacity='+(100-opacity)+')';
timeout = setTimeout("change_image()", time_out);
if (opacity==1) {
opacity = 100;
clearTimeout(timeout);
}
}
setInterval (function() {i++; if (i>image_count) i=1; change_image();}, interval);
</script>
<p><a target="_blank" href="/page/tovary-iz-ssha-i-ievropy"><img src="/files/1/2720/281248/original/img02.jpg" id="img_2" style="opacity: 0; filter: alpha(opacity=0); position: absolute;" /></a> <a target="_blank" href="/books/section1103/"><img src="/files/1/2719/281247/original/img01.jpg" id="img_1" style="position: absolute;" /></a></p> |
|