Автоматическая смена изображений и ссылок

[Admin]

Небольшая модификация скрипта Автоматической смены изображений (слайд-шоу), которая заключается в том, что каждое изображение является ссылкой. При клике по изображению будет осуществлен переход по соответствующей ему ссылке. Ссылки меняются вместе с изображениями.

Вот код:

Код:

<script type="text/javascript">
all_images = new Array ("image/img_1.png","image/img_2.png","image/img_3.png","image/img_4.png");
all_text = new Array ("index.php","forum/index.php","map.php","support.php");
var ImgNum = 0;
var ImgLength = all_images.length - 1;
var delay = 2500;
var lock = false;
var run;

function chgImg(direction) {
if (document.images) {
  ImgNum = ImgNum + direction;
  if (ImgNum > ImgLength) { ImgNum = 0; }
  if (ImgNum < 0) { ImgNum = ImgLength; }
  document.getElementById("image_link").href =all_text[ImgNum];
  document.slide_show.src = all_images[ImgNum];
}
}

function auto() {
if (lock == true) {
  lock = false;
  window.clearInterval(run);
}
else if (lock == false) {
  lock = true;
  run = setInterval("chgImg(1)", delay);
}
}
auto();
</script>


<table style="margin: 0 auto;">
<tr style="text-align: center;">
  <td colspan="3"><img src="image/img_1.png" name="slide_show"></td>
</tr>
<tr>
  <td style="text-align: right;"><a href="javascript:chgImg(-1)">Предыдущая</a></td>
  <td style="text-align: center;"><a href="javascript:auto()">Старт/Стоп</a></td>
  <td style="text-align: left;"><a href="javascript:chgImg(1)">Следующая</a></td>
</tr>
</table>

[Алексеймар]

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

[Алексеймар]

(16.07.2014 22:49:07)Алексеймар писал(а):  А как сделать что бы ссылки вели к другим изображениям? В галереи миниатюры, а при клике на них в отдельном окне открываются другие изображения - фото в максимальном разрешении.

Прошу прощения. Выходила ошибка думал что что то не так делаю. Просто забыл расширение картинки указать. Все работает отлично! Спасибо огромное!

[visitorx]

Здравствуйте. Огромное спасибо за скрипт! У меня маленькая проблема, ротация баннеров не начинается сразу, как открывается страница сайта, а только при нажатии кнопки "старт/стоп".
Можете подсказать, пожалуйста, как сделать так, чтобы ротация началась, как только пользователь попал на страницу?

[Admin]

Странно...

В самом конце скрипта есть строчка auto();, которая и запускает функцию автоматической смены изображений (в кнопке старт/стоп тоже присутствует auto();).

Только что проверил в трех браузерах, и все работает.

Попробуйте, конечно, перенести скрипт ниже самого изображения, может тут "собака зарыта".

[visitorx]

(25.08.2014 20:14:04)Admin писал(а):  Странно...

В самом конце скрипта есть строчка auto();, которая и запускает функцию автоматической смены изображений (в кнопке старт/стоп тоже присутствует auto();).

Только что проверил в трех браузерах, и все работает.

Попробуйте, конечно, перенести скрипт ниже самого изображения, может тут "собака зарыта".

Все, теперь работает автоматически при попадании на страницу.
"Потыкал" в коде малость... изменил значение var lock = false; на true
Таким образом алгоритм работает наоборот, как я понял.

А вообще, огромное Вам спасибо за ресурс. Куча поисков скрипта и в конце нашел Ваш, простой, не геморный для установки, да и вообще у Вас на сайте кучу полезного.
Очень рад, что наткнулся на него. Еще раз спасибо.

[visitorx]

Не подскажете где я могу найти простой скрипт корзины на JavaScript для интернет магазина?

[Admin]

К сожалению со скриптами подобного рода не сталкивался, так что ничего порекомендовать не могу.

[saat611]

Здравствуйте!
Необходимо организовать несколько слайд-шоу с ссылками на одной странице!!!
Два скрипта уже "ругаются"!!! Может, в них необходимо что-то поменять?

[Admin]

Подобное уже обсуждалось здесь, здесь ну и здесь .