Записи участника (Kras) (Форум аццкого кодера)

Форум аццкого кодера

  • Страница 1 из 1
  • 1
Скрипты и коды для юкоз - Форум аццкого кодера » Записи участника » Kras [2]
Результаты поиска
Дата: Четверг, 09.08.2012, 12:05 | Сообщение #1 | Тема: Динамическая смена картинок-ссылок на javascript
Kras
Рядовой
Группа: Зарегистрированные
Сообщений: 2
Награды: 0
Репутация: 0
Статус: Offline


 Здраствуйте! Нужна помощь, в енете нахожу много примеров по смене картинок без перезагрузки страницы, но не могу никак реализовать что бы вместе с картинкой менялася и ссылка. Вобщем на каждой картинке должна быть своя ссылка, чтобы при нажатии на картинку осуществлялся переход по соответственной ссылке!!!

Заранее благодарен за ответ!

 
Дата: Четверг, 09.08.2012, 15:57 | Сообщение #2 | Тема: Динамическая смена картинок-ссылок на javascript
Kras
Рядовой
Группа: Зарегистрированные
Сообщений: 2
Награды: 0
Репутация: 0
Статус: Offline


 Здраствуй 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>

 
Скрипты и коды для юкоз - Форум аццкого кодера » Записи участника » Kras [2]
  • Страница 1 из 1
  • 1
Поиск:


Мобильная версия