Фильтр по:
  

Динамическая смена картинок-ссылок на javascript

Вопросы/ответы на тему JQuery и JScript на сайтах в uCoz

  • Страница 1 из 1
  • 1
Модератор форума: likbezz  
Скрипты и коды для юкоз - Форум аццкого кодера » Раздел для начинающих » Вопросы/ответы на тему JQuery и JScript на сайтах в uCoz » Динамическая смена картинок-ссылок на javascript (Динамическая смена картинок-ссылок на javascript)
Динамическая смена картинок-ссылок на javascript
Дата: Четверг, 09.08.2012, 12:05 |
Kras
Рядовой
Группа: Зарегистрированные
Сообщений: 2
Награды: 0
Репутация: 0
Статус: Offline


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

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

 
Дата: Четверг, 09.08.2012, 13:01 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 Kras,
Quote (Kras, Чт, 09.08.2012, 12:05:24)
Заранее благодарен за ответ!

» Делаем автоматический слайдер контента, новостей, по...
» Как сделать слайдер контента, на примере ротатора s3...
http://likbezz.ru/search/?q=+слайдер

 
Дата: Четверг, 09.08.2012, 15:57 |
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>

 
Дата: Четверг, 09.08.2012, 17:04 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 Kras,
Quote (Kras, Чт, 09.08.2012, 15:57:54)
Можеж посмотреть на код

Посмотрел)

Quote (Kras, Чт, 09.08.2012, 15:57:54)
но вот при нажатии на картинки переходит только по второй ссылке

Логично - она же выше по индексу...

Quote (Kras, Чт, 09.08.2012, 15:57:54)
незнаеш в чем проблема!

Знаю.
Вторая ссылка выше по z индексу чем первая, так как ниже по коду, то бишь лежит слоем выше первой. а так как у обоих отсутствует явное указание z индекса, следовательно вторая будет выше первой, а третья, если будет - выше второй .. и так далее.

htmlbook.ru - CSS - z-index

 
Скрипты и коды для юкоз - Форум аццкого кодера » Раздел для начинающих » Вопросы/ответы на тему JQuery и JScript на сайтах в uCoz » Динамическая смена картинок-ссылок на javascript (Динамическая смена картинок-ссылок на javascript)
  • Страница 1 из 1
  • 1
Поиск:


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