| [1 | Тема: Смена картинок по очереди. Как сделать.] Vadim [30.11.2012, 20:43] |
<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>
а как сделать смену картинок более плавной?....  ....нашел скрипты но почему то в хроме не работают  ...
Сообщение отредактировал Vadim - Пятница, 30.11.2012, 20:46 |
|
| [2 | Тема: Смена картинок по очереди. Как сделать.] Vadim [10.12.2012, 00:36] |
простите меня, канешна, балбеса....чайник я исчё....колдовал колдовал но вот енто
Автоматическая смена фона/картинки без перезагрузки страницы (Решение на 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">
вот енто пашет....можно ли в него воткнуть какой нить элемент для смазки ой плавности ??? 
Сообщение отредактировал Vadim - Понедельник, 10.12.2012, 00:44 |
|
| [3 | Тема: Смена картинок по очереди. Как сделать.] Vadim [10.12.2012, 00:47] |
блин я слов то таких не знаю  ....но всё равно спассибо огромное за помосчь  |
|