Javascript-форум - Появление и исчезновение картинки(объекта) через определенное время.

Javascript-форум (https://javascript.ru/forum/)

- Общие вопросы Javascript (https://javascript.ru/forum/misc/)

- - Появление и исчезновение картинки(объекта) через определенное время. (https://javascript.ru/forum/misc/35180-poyavlenie-i-ischeznovenie-kartinki-obekta-cherez-opredelennoe-vremya.html)

Появление и исчезновение картинки(объекта) через определенное время.

Здравствуйте, понадобился такой скрипт для сайта, чтобы через определенное время появлялась картинка, повисела немного, и исчезла, а затем чтобы через определенное время все повторилось. В языке javascript совершенно не разбираюсь. Помогите пожалуйста. :help:

http://jsfiddle.net/t5T9E/5/ решение твоей проблемы

Цитата:

Сообщение от Tek

решение твоей проблемы

немного бы его доработать :-?

огромное спс даже не знаю как выразить свою радость, просто ради одного скрипта не хочется учить целый язык, хотя если честно даже интересно стало как свой проект закончу (с сайтом) возьмусь за самоучитель))) еще раз спс

_D1m0n_,
не губите свой сайт :cray:

а куда деваться просто у меня на сайте есть кнопки так сказать скрытые и вот хотел сделать как бы появляющиеся подсказки, я конечно знаю и понимаю что это можно было бы сделать и другими способами просто у меня там даже определенный сюжет назревает, который можно только таким образом решить. Да если честно я сам себя не понял))) Поэтому прикрепляю ИЗО

с картинками-ссылками я разобрался, а вот подсказки. Сайт делаю не для себя поэтому хотелось бы чтобы все было понятно)))

_D1m0n_, боле мене нормальная мигалка

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <title></title>
  <style type='text/css'>
    #test{
    display:none;
}
  </style>
<script type='text/javascript'>
window.onload=function(){
var image = document.getElementById("test");
var i = 0, s = ["block","none"],t = [2000,5000]; //2 сек есть картинка, 5 сек нет
function show()
{  i ^= 1
   image.style.display = s[i];
    setTimeout(show,t[i]);
}
show()
}
</script>
</head>
<body>
  <img id="test"  src="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif">
</body>
</html>

спс огромное

Цитата:

Сообщение от рони (Сообщение 231107)

_D1m0n_, боле мене нормальная мигалка

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <title></title>
  <style type='text/css'>
    #test{
    display:none;
}
  </style>
<script type='text/javascript'>
window.onload=function(){
var image = document.getElementById("test");
var i = 0, s = ["block","none"],t = [2000,5000]; //2 сек есть картинка, 5 сек нет
function show()
{  i ^= 1
   image.style.display = s[i];
    setTimeout(show,t[i]);
}
show()
}
</script>
</head>
<body>
  <img id="test"  src="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif">
</body>
</html>

а как сделать для нескольких изображений?чтоб с различными интервалами появлялись?:help:

Цитата:

Сообщение от Jakuzi

а как сделать для нескольких изображений?чтоб с различными интервалами появлялись?

учить js!!!

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <title></title>
  <style type='text/css'>
  .hide {
    opacity: 0;
  }

  </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, s = ["block","none"];
function show()
{
   //image.style.display = s[i];
   image.style.transition = 'all '+range[i]+'s';
   image.style.webkitTransition = 'all '+range[i]+'s';
   image.style.mozTransition = 'all '+range[i]+'s';
   image.style.oTransition = 'all '+range[i]+'s';
   image.className = i ? 'hide' : ''
   setTimeout(show,range[i]*1000);
   i ^= 1
}
show()
}
toggle('test')
toggle('ddd',[1,1])
toggle('bbb',[5,2])

}
</script>
</head>
<body>
  <img id="ddd"  src="http://javascript.ru/img/ws_1.png">
  <img id="test"  src="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif">
  <img id="bbb"  src="http://im31.gulfup.com/jus2H.jpg">
</body>
</html>