Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #11 (permalink)  
Старый 03.04.2014, 23:13
Новичок на форуме
Отправить личное сообщение для Jakuzi Посмотреть профиль Найти все сообщения от Jakuzi
 
Регистрация: 03.04.2014
Сообщений: 2

спасибо большое,в процессе
а как сделать чтоб картинки изначально были скрыты?

Последний раз редактировалось Jakuzi, 04.04.2014 в 00:44.
Ответить с цитированием
  #12 (permalink)  
Старый 17.03.2015, 15:04
kay kay вне форума
Интересующийся
Отправить личное сообщение для kay Посмотреть профиль Найти все сообщения от kay
 
Регистрация: 09.03.2012
Сообщений: 15

Сообщение от рони Посмотреть сообщение
учить js!!!
Всё верно. Учить надо.
Помогите, пожалуйста, изменить данный (последний вариант) скрипт
Очень нужно установить время показа картинки и паузу между показами. То есть интервал, через который плавно исчезнувшая картинка плавно появится вновь.

Спасибо.
Ответить с цитированием
  #13 (permalink)  
Старый 17.03.2015, 15:40
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,123

Сообщение от kay
Помогите, пожалуйста, изменить данный (последний вариант) скрипт
Очень нужно установить время показа картинки и паузу между показами. То есть интервал, через который плавно исчезнувшая картинка плавно появится вновь.
всё это есть в 10 посте
Ответить с цитированием
  #14 (permalink)  
Старый 17.03.2015, 16:02
kay kay вне форума
Интересующийся
Отправить личное сообщение для kay Посмотреть профиль Найти все сообщения от kay
 
Регистрация: 09.03.2012
Сообщений: 15

В 10м посте указывается только время плавности появления и исчезания картинки, а интервалов показа и повтора нет. Картинка просто плавно мигает, быстрее или медленнее.
Ответить с цитированием
  #15 (permalink)  
Старый 17.03.2015, 17:10
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,123

kay,

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <title></title>
  <style type='text/css'>
  img{
    -webkit-transition : all 1.8s;
    -moz-transition : all 1.8s;
    -o-transition : all 1.8s;
    transition : all 1.8s;
  }

  </style>
<script type='text/javascript'>
window.onload=function(){
function toggle(id, range)
{
range = range||[2,5];//2 сек картинка есть, 5 сек нет
var image = document.getElementById(id),
    i = 0;
function show()
{
   image.style.opacity = i ? 0 : 1;
   setTimeout(show,range[i]*1000);
   i ^= 1
}
show()
}

toggle('bbb',[10,5])

}
</script>
</head>
<body>
  <img id="bbb"  src="http://aromatmeda.ru/d/292096/d/419594603_6.jpg">
</body>
</html>
Ответить с цитированием
  #16 (permalink)  
Старый 18.03.2015, 08:20
kay kay вне форума
Интересующийся
Отправить личное сообщение для kay Посмотреть профиль Найти все сообщения от kay
 
Регистрация: 09.03.2012
Сообщений: 15

Да, огромное !!!

Если можно, добавьте, пожалуйста, возможность появления картинок по очередности. Буду ОЧЕНЬ признателен!
Ответить с цитированием
  #17 (permalink)  
Старый 18.03.2015, 09:14
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,123

kay,
Автоматическая смена картинок через заданное время
там на любой вкус ещё примеры
Ответить с цитированием
  #18 (permalink)  
Старый 18.03.2015, 09:42
kay kay вне форума
Интересующийся
Отправить личное сообщение для kay Посмотреть профиль Найти все сообщения от kay
 
Регистрация: 09.03.2012
Сообщений: 15

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

Последний раз редактировалось kay, 18.03.2015 в 14:09.
Ответить с цитированием
  #19 (permalink)  
Старый 18.03.2015, 09:46
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,123

Сообщение от kay
взял кусочек кода для смены картинок из одного из предложенных Вами по ссылке кода и попытался вставить в этот скрипт
а чем готовые решения не подходят? вам нужен слайдер ищите слайдер их сотни если не тысячи
Ответить с цитированием
  #20 (permalink)  
Старый 18.03.2015, 11:12
kay kay вне форума
Интересующийся
Отправить личное сообщение для kay Посмотреть профиль Найти все сообщения от kay
 
Регистрация: 09.03.2012
Сообщений: 15

дело в том что слайдер не подходит. нужен именно собственный скрипт, который должен показывать картинки, количеством до 10 штук, с определенным интервалом между ними и настраиваемым временем показа каждой из них. Показ картинок должен быть зациклен.

Последний раз редактировалось kay, 18.03.2015 в 14:08.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Плавное исчезновение и появление изображения Surlik jQuery 9 17.03.2012 14:27
Появление элемента через две секунды Изучаю_JS Общие вопросы Javascript 2 02.02.2012 22:31
Совершение действия через опредилённое время. (Sandr) Общие вопросы Javascript 15 15.04.2011 23:40
Повторное действие скрипта через определенное время fortitudo jQuery 8 27.01.2010 06:00
смена цвета через определенное время niculins Общие вопросы Javascript 2 14.11.2008 17:01