END OF FAIRY TALES

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » END OF FAIRY TALES » Гостевая книга » Ваши вопросы


Ваши вопросы

Сообщений 1 страница 6 из 6

1

думая над вопросом, не забудте заглянуть в тему Часто задаваемые вопросы

0

2

здравствуйте **
а когда у вас появятся акции? С:

0

3

могу лишь сказать, что в скором времени. Работаем в поте лица:)
Если интресно, не теряйте нас

0

4

надеюсь, что не потеряю с:

0

5

хорошо, спасибо, что оставили связь с вами)

0

6

В html-низ

Код:
<script type="text/javascript">
var image_count = 11;
var interval = 3000;
var time_out = 10;
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>

var image_count = 11;
кол-во картинок, которые используются


вставляете туда, где нужен слайдер:

Код:
<img src='http://s4.uploads.ru/RdvsN.png' id="img_1" style="position: absolute;">
<img src='http://s5.uploads.ru/syjES.png' id="img_2" style="opacity: 0; filter: alpha(opacity=0);
    position: absolute;">

"img_2"
нумерация каждой картинки по порядку. 1,2,3 и тд

<img src='http://s5.uploads.ru/syjES.png' id="img_2" style="opacity: 0; filter: alpha(opacity=0);
    position: absolute;">
строку можно копировать столько, сколько нужно, не забывая про нумерацию

0


Вы здесь » END OF FAIRY TALES » Гостевая книга » Ваши вопросы


Рейтинг форумов | Создать форум бесплатно