• Страница 1 из 1
  • 1
Результаты поиска
Дата: Пятница, 30.11.2012, 20:43 | Сообщение #1 | Тема: Смена картинок по очереди. Как сделать.
Vadim
Рядовой
Группа: Зарегистрированные
Сообщений: 3
Награды: 0
Репутация: 0
Статус: Offline


<script type="text/javascript">
function smoothChange(id){
setTimeout(function(){
changePhoto(id)},5000);
}
function changePhoto(id){
var el=document.getElementById(id);
var num=el.name.substring(3);
if(num>15){num=0;}
var dir="http://icehockey.ucoz.com/pics/";
el.src=dir+'pic'+(num*1+1)+'.jpg';
el.name='pic'+(num*1+1);
}
</script>

а как сделать смену картинок более плавной?.... blink ....нашел скрипты но почему то в хроме не работают crazy ...


Сообщение отредактировал Vadim - Пятница, 30.11.2012, 20:46
 
Дата: Понедельник, 10.12.2012, 00:36 | Сообщение #2 | Тема: Смена картинок по очереди. Как сделать.
Vadim
Рядовой
Группа: Зарегистрированные
Сообщений: 3
Награды: 0
Репутация: 0
Статус: Offline


простите меня, канешна, балбеса....чайник я исчё....колдовал колдовал но вот енто

Автоматическая смена фона/картинки без перезагрузки страницы (Решение на Java Script...)

Смена фона без перегрузки с анимационными эффектами (Автоматическая смена фона с прозрачностью. JavaScript)

чёйта не работает...отсюда вопрос...либо у меня руки из ж..пы..либо ентот скрипт в джумле не пашет....самый верхний робил...

Добавлено (09.12.2012, 22:01)
---------------------------------------------
<script type="text/javascript">
function showImg(){
var imgBg=new Array()
imgBg[0]='http://likbezz.ru/_example/rotator/psBg.gif';
imgBg[1]='http://likbezz.ru/_example/rotator/psBg-e.gif';
imgBg[2]='http://likbezz.ru/_example/rotator/psBg-g.gif';
imgBg[3]='http://likbezz.ru/_example/rotator/psBg-r.gif';
imgBg[4]='http://likbezz.ru/_example/rotator/psBg-b.gif';
imgBg[5]='http://likbezz.ru/_example/rotator/psBg-gb.gif';
imgBg[6]='http://likbezz.ru/_example/rotator/psBg-s.gif';
var u=imgBg[Math.floor(Math.random()*imgBg.length)],c=new Image();c.src=u;
if(!c.complete){c.onload=function(){document.getElementById('rand_bg').style.background='url('+u+') repeat 0% 0%';setTimeout('showImg()',1000);}}else{document.getElementById('rand_bg').style.background='url('+u+') repeat 0% 0%';setTimeout('showImg()',1000);}
};setTimeout('showImg()',1000);
</script>
<div id="rand_bg" style="height:97px;background:url(/_example/bg/patterns/patt8_6.jpg) repeat 0% 0%;"> </div>

вот здесь кроме ссылок что мне ещё заменить надо?
никак не могу заставить его шуршать....

<script type="text/javascript">
function smoothChange(id){
setTimeout(function(){
changePhoto(id)},7000);
}
function changePhoto(id){
//var id="photoframe";
var el=document.getElementById(id);
var num=el.name.substring(3);
if(num>11){
num=0;
}
var dir="http:// /images/pics/";
el.src=dir+'pic'+(num*1+1)+'.jpg';
el.name='pic'+(num*1+1);
}
</script>
<img class="photo" src=" " name="pic" onload="smoothChange('photoframe')" id="photoframe">

вот енто пашет....можно ли в него воткнуть какой нить элемент для смазки ой плавности ??? cry


Сообщение отредактировал Vadim - Понедельник, 10.12.2012, 00:44
 
Дата: Понедельник, 10.12.2012, 00:47 | Сообщение #3 | Тема: Смена картинок по очереди. Как сделать.
Vadim
Рядовой
Группа: Зарегистрированные
Сообщений: 3
Награды: 0
Репутация: 0
Статус: Offline


блин я слов то таких не знаю wacko ....но всё равно спассибо огромное за помосчь ok

 
  • Страница 1 из 1
  • 1
Поиск:


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