Как сделать так чтобы картинки показывались по очереди

Как сделать так чтобы картинки показывались по очереди

Форум аццкого кодера

Фильтр по:
  • Страница 1 из 2
  • 1
  • 2
  • »
Модератор форума: likbezz   Смена картинок по очереди. Как сделать.

Добрый

2012-01-28Дата: Суббота, 28.01.2012, 00:00 | Сообщение # 1 Добрый

Лейтенант

Группа: Проверенные

Сообщений: 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'+(num1+1)+'.jpg';
  el.name='pic'+(num1+1);
}
</script><div align="center"><img class="photo" src="http://icehockey.ucoz.com/pics/pic1.jpg" name="pic1" onload="smoothChange('photoframe')" id="photoframe"></div>

 

likbezz

2012-01-28Дата: Суббота, 28.01.2012, 06:28 | Сообщение # 2 likbezz

Аццкий кодер

Группа: Администраторы

Сообщений: 9092

Награды: 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'+(num1+1)+'.jpg';
el.name='pic'+(num1+1);
}
</script>


...

Добрый

2012-01-28Дата: Суббота, 28.01.2012, 07:13 | Сообщение # 3 Добрый

Лейтенант

Группа: Проверенные

Сообщений: 48

Награды: 0

Репутация: 0

Статус: Offline

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

Сообщение отредактировал Добрый - Воскресенье, 29.01.2012, 15:41

 

magoport

2012-03-03Дата: Суббота, 03.03.2012, 04:09 | Сообщение # 4 magoport

Рядовой

Группа: Зарегистрированные

Сообщений: 1

Награды: 0

Репутация: 0

Статус: Offline

likbezz

2012-03-03Дата: Суббота, 03.03.2012, 05:19 | Сообщение # 5 likbezz

Аццкий кодер

Группа: Администраторы

Сообщений: 9092

Награды: 23

Репутация: 459

Статус: Unknown

magoport,

Quote (magoport)

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


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

shanah

2012-06-27Дата: Среда, 27.06.2012, 19:46 | Сообщение # 6 shanah

Рядовой

Группа: Зарегистрированные

Сообщений: 12

Награды: 0

Репутация: 0

Статус: Offline

 

likbezz

2012-06-28Дата: Четверг, 28.06.2012, 00:19 | Сообщение # 7 likbezz

Аццкий кодер

Группа: Администраторы

Сообщений: 9092

Награды: 23

Репутация: 459

Статус: Unknown

shanah,

Quote (shanah, Ср, 27.06.2012, 19:46:55)

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


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

shanah

2012-06-28Дата: Четверг, 28.06.2012, 01:37 | Сообщение # 8 shanah

Рядовой

Группа: Зарегистрированные

Сообщений: 12

Награды: 0

Репутация: 0

Статус: Offline

 

likbezz

2012-06-28Дата: Четверг, 28.06.2012, 02:00 | Сообщение # 9 likbezz

Аццкий кодер

Группа: Администраторы

Сообщений: 9092

Награды: 23

Репутация: 459

Статус: Unknown

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

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

Vadim

2012-11-30Дата: Пятница, 30.11.2012, 20:43 | Сообщение # 10 Vadim

Рядовой

Группа: Зарегистрированные

Сообщений: 3

Награды: 0

Репутация: 0

Статус: Offline

Сообщение отредактировал Vadim - Пятница, 30.11.2012, 20:46

 

likbezz

2012-12-09Дата: Воскресенье, 09.12.2012, 08:51 | Сообщение # 11 likbezz

Аццкий кодер

Группа: Администраторы

Сообщений: 9092

Награды: 23

Репутация: 459

Статус: Unknown

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

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

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

Vadim

2012-12-10Дата: Понедельник, 10.12.2012, 00:36 | Сообщение # 12 Vadim

Рядовой

Группа: Зарегистрированные

Сообщений: 3

Награды: 0

Репутация: 0

Статус: Offline

Сообщение отредактировал Vadim - Понедельник, 10.12.2012, 00:44

 

likbezz

2012-12-10Дата: Понедельник, 10.12.2012, 00:40 | Сообщение # 13 likbezz

Аццкий кодер

Группа: Администраторы

Сообщений: 9092

Награды: 23

Репутация: 459

Статус: Unknown

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

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

Vadim

2012-12-10Дата: Понедельник, 10.12.2012, 00:47 | Сообщение # 14 Vadim

Рядовой

Группа: Зарегистрированные

Сообщений: 3

Награды: 0

Репутация: 0

Статус: Offline

 

Сергун

2013-11-21Дата: Четверг, 21.11.2013, 07:18 | Сообщение # 15 Сергун

Рядовой

Группа: Зарегистрированные

Сообщений: 3

Награды: 0

Репутация: 0

Статус: Offline

 
  • Страница 1 из 2
  • 1
  • 2
  • »

Возможно будет интересно   Тема Обновления

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


Как сделать так чтобы картинки показывались по очереди

Похожие записи:



Собачка из бусинок схема

Упаковка подарка с шарами своими руками

Птицы объемные поделки из