Страница 1 из 11
Форум про uCoz » Раздел uCoz » Скрипты и коды uCoz » Смена изображений на JS
Смена изображений на JS
workman
Дата: Вторник, 05.01.2016, 14:08 | Сообщение # 1
Vip
Сообщений:1576
Награды: 7


Ваши изображения с установкой данного скрипта,будут плавно меняться самостоятельно.
Кстати,может подойти под рататор баннеров

Код скрипта (вставлять между тегами )
Код
<script type="text/javascript">
  var total_pics_num = 4; // колличество изображений
  var interval = 5000;    // задержка между изображениями
  var time_out = 1;       // задержка смены изображений
  var i = 0;
  var timeout;
  var opacity = 100;
  function fade_to_next() {
    opacity--;
    var k = i + 1;
    var image_now = 'image_' + i;
    if (i == total_pics_num) k = 1;
    var image_next = 'image_' + k;
    document.getElementById(image_now).style.opacity = opacity/100;
    document.getElementById(image_now).style.filter = 'alpha(opacity='+ opacity +')';
    document.getElementById(image_next).style.opacity = (100-opacity)/100;
    document.getElementById(image_next).style.filter = 'alpha(opacity='+ (100-opacity) +')';
    timeout = setTimeout("fade_to_next()",time_out);
    if (opacity==1) {
      opacity = 100;
      clearTimeout(timeout);
    }
  }
  setInterval (
    function() {
      i++;
      if (i > total_pics_num) i=1;
      fade_to_next();
    }, interval
  );
</script>
HTML код ставим поместу
Код
<div>
  <img src='1.jpg' id="image_1" style="position: absolute;" />
  <img src='2.jpg' id="image_2" style="opacity: 0; filter: alpha(opacity=0); position: absolute;" />
  <img src='3.jpg' id="image_3" style="opacity: 0; filter: alpha(opacity=0); position: absolute;" />
  <img src='4.jpg' id="image_4" style="opacity: 0; filter: alpha(opacity=0); position: absolute;" />
</div>


Каждый раз, когда ты можешь помочь кому-то, просто сделай это и радуйся тому, что Бог отвечает на чьи-то молитвы через тебя...
workman
Дата: Вторник, 05.01.2016, 18:04 | Сообщение # 2
Vip
Сообщений:1576
Награды: 7


Цитата Trantel ()
Этот скрипт можно на кино сайт как понимаю установит, чтоб афишу крутил.

Да куда угодно можно пихать ... Каждый думками богат. Мое дело выложить и если что объяснить что и куда.


Каждый раз, когда ты можешь помочь кому-то, просто сделай это и радуйся тому, что Бог отвечает на чьи-то молитвы через тебя...
FeStemBer
Дата: Четверг, 07.01.2016, 04:31 | Сообщение # 3
Проверенные
Сообщений:293
Награды: 1


А можно скрин на скрипт, то в поиске поискал, не чего близко не нашел.
Kvint
Дата: Четверг, 07.01.2016, 04:37 | Сообщение # 4
Пользователи
Сообщений:82
Награды: 0


Но это что то близко к слайдеру, только можно сделать также на отдельной странице.
Форум про uCoz » Раздел uCoz » Скрипты и коды uCoz » Смена изображений на JS
Страница 1 из 11
Поиск: