Zaman belirli bir süre için bir sayfa öğesini görüntüler

1 Cevap php

hızlı bir soru. Ben o yüzden bir bağlantıyı tıkladığınızda, sonra tekrar orijinal görüntüye geri döner, 15 saniye boyunca, başka bir görüntü ile sayfamda statik bir görüntü yerini yapmak javascript, jquery, php ya da kullanmaya çalışıyorum. Ne bu konuda gitmek için en iyi yol olacağını?

1 Cevap

Bunun için basit bir zaman aşımı yapabilirsiniz:

$('#myLink').click(function() {
  $('#myImg').attr('src', 'newImg.jpg');
  setTimeout(function() { $('#myImg').attr('src', 'oldImg.jpg'); }, 15000);
});

Alternatif olarak, bir belirme isteseydi, bu gibi kesinlikle konumlandırılmış diğer görüntü var:

<div>
 <img id="tempImg" src="tempImg.jpg" style="position:absolute; display:none; z-index: 2;" />
 <img src="oldImg.jpg" />
</div>

Böyle Ardından jQuery:

$('#myLink').click(function() {
  $('#tempImg').fadeIn().delay(15000).fadeOut();
});

Görüntüler aynı boyutları (görünüm için, bu isteğe bağlı) sahip olduğunuzdan emin olun, geçici görüntü statik görüntünün üstüne içinde kaybolacak, 15 saniye bekleyin, sonra fade out.

etiketler