Sayfa Yenilenmesinde Değişen Resim
- Konbuyu başlatan hardeniz
- Başlangıç tarihi
- Mesajlar
- 713
hocam asp ile istersen ASP Content Rotator'ı inceleyebilirsiniz.
Örnek bir çalışma yapmıştım önceden, linkten bakabilirsiniz http://rtyucel.wordpress.com/2009/02/23 ... component/
Örnek bir çalışma yapmıştım önceden, linkten bakabilirsiniz http://rtyucel.wordpress.com/2009/02/23 ... component/
Javascript ile aşağıdaki gibi birşey var. Belki işine yarayan olabilir. Sayfa her yüklendiğinde belirlediğiniz resimlerden bir tanesini rastkgele yükler.
Resimler sitenin ana dizininde Resimler/Genel isimli bir klasörde duruyor. Burada adının başlangıcı aynı olan istediğiniz sayıda resim bulunuyor. Örnekte bütün resimlerin isimleri UstResim diye başlıyor. Resimlerin adları UstResim1.jpg, UstResim2.jpg ....
Yuklenecek resmin ID özelliğinin değeri "rastgeleResim" olmalı. ra değişkenine toplam resim sayısını atıyorsunuz.
Klasör, resim isimleri ile IMG etiketinin ID özelliğini istediğiniz şekilde değşitirebilirsiniz.
Resimler sitenin ana dizininde Resimler/Genel isimli bir klasörde duruyor. Burada adının başlangıcı aynı olan istediğiniz sayıda resim bulunuyor. Örnekte bütün resimlerin isimleri UstResim diye başlıyor. Resimlerin adları UstResim1.jpg, UstResim2.jpg ....
Yuklenecek resmin ID özelliğinin değeri "rastgeleResim" olmalı. ra değişkenine toplam resim sayısını atıyorsunuz.
Klasör, resim isimleri ile IMG etiketinin ID özelliğini istediğiniz şekilde değşitirebilirsiniz.
Kod:
<html>
<head><title>Rastgele Resim</title></head>
<body>
<img id="rastgeleResim" style="visibility:hidden">
<script type="text/javascript">
var ra = 12;
function ustResimDegistir()
{
var r = Math.floor(Math.random()*ra)+1;
var e = document.getElementById("rastgeleResim");
e.src = "Resimler/Genel/UstResim" + r + ".jpg";
e.style.visibility = "visible";
}
ustResimDegistir();
</script>
</body>
</html>
