Здравствуйте! Для себя нашёл хороший скрипт (картинки меняются по очереди) вот только не знаю как в этом скрипте увеличить кол-во картинок, чтобы показывалось не 4 картинки а где то 15?
Code
<style type="text/css">.photo{border:4px solid #ccc;}</style><script type="text/javascript"> function smoothChange(id){ setTimeout(function(){ changePhoto(id)},5000); } function changePhoto(id){ //var id="photoframe"; var el=document.getElementById(id); var num=el.name.substring(3); if(num>3){ num=0; } var dir="http://icehockey.ucoz.com/pics/"; el.src=dir+'pic'+(num*1+1)+'.jpg'; el.name='pic'+(num*1+1); } </script><div align="center"><img class="photo" src="http://icehockey.ucoz.com/pics/pic1.jpg" name="pic1" onload="smoothChange('photoframe')" id="photoframe"></div>
Для себя нашёл хороший скрипт (картинки меняются по очереди) вот только не знаю как в этом скрипте увеличить кол-во картинок, чтобы показывалось не 4 картинки а где то 15?
Quote (JavaScript)
<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>
Спасибо, всё работает !!! Только на 15 картинок нужно не 15 писать, а 14 Для пользователей кто будет использовать этот скрипт. Нужно картинки заливать одним размером и папку я назвал piks а картинки pik1, pi2, pik3 и т.д.. Вот образец изделия) http://icehockey.ucoz.com/publ....1-0-118
Сообщение отредактировал Добрый - Воскресенье, 29.01.2012, 15:41
Здравствуйте! А можно этот скрипт настроить так чтобы картинки он брал не из папки, а например создать информер картинок и что бы он брал уже эти изображения из него?
А можно этот скрипт настроить так чтобы картинки он брал не из папки, а например создать информер картинок и что бы он брал уже эти изображения из него?
Можно. Только не этим скриптом, а похожим. А в информер ввести JavaScript массив с картинками. ...
<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
простите меня, канешна, балбеса....чайник я исчё....колдовал колдовал но вот енто
Автоматическая смена фона/картинки без перезагрузки страницы (Решение на 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
Кто знает, как в этом замечательном коде (из сообщения #1) решила проблему постоянного загрузка картинок из интернет? Их как-то можно буферизировать локально после первого цикла загрузки, а на последующих циклах обновления уже брать картинки из буфера?