|
Смена картинок по очереди. Как сделать.
|
|
| [1] Добрый [28.01.2012, 00:00] |
Здравствуйте! Для себя нашёл хороший скрипт (картинки меняются по очереди) вот только не знаю как в этом скрипте увеличить кол-во картинок, чтобы показывалось не 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> |
|
| [2] likbezz [28.01.2012, 06:28] |
Добрый, Quote (Добрый) Для себя нашёл хороший скрипт (картинки меняются по очереди) вот только не знаю как в этом скрипте увеличить кол-во картинок, чтобы показывалось не 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>
... |
|
| [3] Добрый [28.01.2012, 07:13] |
Спасибо, всё работает !!! Только на 15 картинок нужно не 15 писать, а 14
Для пользователей кто будет использовать этот скрипт.
Нужно картинки заливать одним размером и папку я назвал piks а картинки pik1, pi2, pik3 и т.д..
Вот образец изделия) http://icehockey.ucoz.com/publ....1-0-118
Сообщение отредактировал Добрый - Воскресенье, 29.01.2012, 15:41 |
|
| [4] magoport [03.03.2012, 04:09] |
|
Здравствуйте! А можно этот скрипт настроить так чтобы картинки он брал не из папки, а например создать информер картинок и что бы он брал уже эти изображения из него? |
|
| [5] likbezz [03.03.2012, 05:19] |
magoport, Quote (magoport) А можно этот скрипт настроить так чтобы картинки он брал не из папки, а например создать информер картинок и что бы он брал уже эти изображения из него?
Можно.
Только не этим скриптом, а похожим.
А в информер ввести JavaScript массив с картинками.
... |
|
| [6] shanah [27.06.2012, 19:46] |
|
а можно ли этот скрипт использовать для того, чтобы картинки одна за другой появлялись в разделе форума на главной стр форума? |
|
| [7] likbezz [28.06.2012, 00:19] |
shanah, а можно ли этот скрипт использовать для того, чтобы картинки одна за другой появлялись в разделе форума на главной стр форума?
Да, почему нет.
Конечно можно. |
|
| [8] shanah [28.06.2012, 01:37] |
likbezz, а как?  |
|
| [9] likbezz [28.06.2012, 02:00] |
shanah,
Типа так:
Автоматическая смена фона/картинки без перезагрузки страницы (Решение на Java Script...)
Рабочие примеры имеются, подогнать под себя не очень сложно. |
|
| [10] 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 |
|
|
| [12] 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 |
|
| [13] likbezz [10.12.2012, 00:40] |
Vadim, либо ентот скрипт в джумле не пашет....
Точно)
Этот скрипт в джумле работать не будет, так как там, скорее всего, конфликт библиотек.
Джумла использует мунтулз, а скрипт написан на JQ.
Выход:
Либо переписывать скрипт на чистый JS либо на Мунтулз. |
|
| [14] Vadim [10.12.2012, 00:47] |
блин я слов то таких не знаю  ....но всё равно спассибо огромное за помосчь  |
|
| [15] Сергун [21.11.2013, 07:18] |
|
Кто знает, как в этом замечательном коде (из сообщения #1) решила проблему постоянного загрузка картинок из интернет? Их как-то можно буферизировать локально после первого цикла загрузки, а на последующих циклах обновления уже брать картинки из буфера? |
|