Фильтр по:
  

  • Страница 1 из 2
  • 1
  • 2
  • »
Модератор форума: likbezz  
Скрипты и коды для юкоз - Форум аццкого кодера » Как сделать? Информация для вновь прибывших » Как сделать... » Смена картинок по очереди. Как сделать. (Скрипт смены изображений. JavaScript)
Смена картинок по очереди. Как сделать.
Дата: Суббота, 28.01.2012, 00:00 |
Добрый
Лейтенант
Группа: Проверенные
Сообщений: 48
Награды: 0
Репутация: 0
Статус: Offline


Здравствуйте! Для себя нашёл хороший скрипт (картинки меняются по очереди) вот только не знаю как в этом скрипте увеличить кол-во картинок, чтобы показывалось не 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>


 
Дата: Суббота, 28.01.2012, 06:28 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Добрый,
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>

...


 
Дата: Суббота, 28.01.2012, 07:13 |
Добрый
Лейтенант
Группа: Проверенные
Сообщений: 48
Награды: 0
Репутация: 0
Статус: Offline


Спасибо, всё работает !!! Только на 15 картинок нужно не 15 писать, а 14
Для пользователей кто будет использовать этот скрипт.
Нужно картинки заливать одним размером и папку я назвал piks а картинки pik1, pi2, pik3 и т.д..
Вот образец изделия) http://icehockey.ucoz.com/publ....1-0-118


Сообщение отредактировал Добрый - Воскресенье, 29.01.2012, 15:41
 
Дата: Суббота, 03.03.2012, 04:09 |
magoport
Рядовой
Группа: Зарегистрированные
Сообщений: 1
Награды: 0
Репутация: 0
Статус: Offline


Здравствуйте! А можно этот скрипт настроить так чтобы картинки он брал не из папки, а например создать информер картинок и что бы он брал уже эти изображения из него?

 
Дата: Суббота, 03.03.2012, 05:19 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


magoport,
Quote (magoport)
А можно этот скрипт настроить так чтобы картинки он брал не из папки, а например создать информер картинок и что бы он брал уже эти изображения из него?

Можно.
Только не этим скриптом, а похожим.
А в информер ввести JavaScript массив с картинками.
...


 
Дата: Среда, 27.06.2012, 19:46 |
shanah
Рядовой
Группа: Зарегистрированные
Сообщений: 12
Награды: 0
Репутация: 0
Статус: Offline


а можно ли этот скрипт использовать для того, чтобы картинки одна за другой появлялись в разделе форума на главной стр форума?

 
Дата: Четверг, 28.06.2012, 00:19 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


shanah,
а можно ли этот скрипт использовать для того, чтобы картинки одна за другой появлялись в разделе форума на главной стр форума?

Да, почему нет.
Конечно можно.


 
Дата: Четверг, 28.06.2012, 01:37 |
shanah
Рядовой
Группа: Зарегистрированные
Сообщений: 12
Награды: 0
Репутация: 0
Статус: Offline


likbezz, а как? shy

 
Дата: Четверг, 28.06.2012, 02:00 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


shanah,
likbezz, а как?

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

Рабочие примеры имеются, подогнать под себя не очень сложно.


 
Дата: Пятница, 30.11.2012, 20:43 |
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
 
Дата: Воскресенье, 09.12.2012, 08:51 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Vadim,
а как сделать смену картинок более плавной?....

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

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

Например: http://likbezz.ru/_example/jscript/2011/rand_bg/rand_bg_4.html


 
Дата: Понедельник, 10.12.2012, 00:36 |
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:40 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Vadim,
либо ентот скрипт в джумле не пашет....

Точно)
Этот скрипт в джумле работать не будет, так как там, скорее всего, конфликт библиотек.
Джумла использует мунтулз, а скрипт написан на JQ.

Выход:
Либо переписывать скрипт на чистый JS либо на Мунтулз.


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


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

 
Дата: Четверг, 21.11.2013, 07:18 |
Сергун
Рядовой
Группа: Зарегистрированные
Сообщений: 3
Награды: 0
Репутация: 0
Статус: Offline


Кто знает, как в этом замечательном коде (из сообщения #1) решила проблему постоянного загрузка картинок из интернет? Их как-то можно буферизировать локально после первого цикла загрузки, а на последующих циклах обновления уже брать картинки из буфера?

 
Скрипты и коды для юкоз - Форум аццкого кодера » Как сделать? Информация для вновь прибывших » Как сделать... » Смена картинок по очереди. Как сделать. (Скрипт смены изображений. JavaScript)
  • Страница 1 из 2
  • 1
  • 2
  • »
Поиск:


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