Arkadaşlar merhaba,
bir html sayfasında ekranda gösterilen bir resim var. bu resmi gösterirken işleyen bir js fonksiyonum var. sayfa açıldığında xx.com/ adresinde 22.11.2017.jpg isimli resim varsa onu gösteriyor yoksa resim.jpg gösterilmesi gerekiyor. sayfa ilk açıldığında her durumda resim.jpg geliyor. yenilendiğinde 22.11.2017.jpg isimli resim geliyor. bunu nasıl çözebilirim? Dipnot: tarih fonksiyonunu sayfa açılışında alert ile kontrol ettiğimde ilk açılışta da her seferinde de doğru değerleri alıyorum.
Kullanılan kod:
<html>
<head>
<style>
.mainIndex{
width:500px;
height:300px;
}
</style>
</head>
<body onload="ImageExist('http://xyzxd.com/'+tarih+'.jpg')">
<div > <img id="test"/>
</div>
<script>
var tarih = new Date();
ay=tarih.getMonth()+1;
gun=tarih.getDate();
yil=tarih.getFullYear();
tarih = gun+'.'+ay + '.'+yil;
function ImageExist(url)
{
var img = new Image();
img.src = url;
if (img.height>0){
document.getElementById("test").src = url;
}else
{
document.getElementById('test').src='http://xyzxd.com/resim.jpg';
}
}
</script>
</body>
</html>
JS Kodu Çalışmıyor
3
●661
- 22-11-2017, 19:08:16Muhtemelen resim yüklenmeden resmin boyutunu kontrol ediyordur. Bu sebeple img.height 0 ya da undefined falan çıkıyordur. img.onload şeklinde bir fonksiyon eklersen muhtemelen problemi çözecektir:
function ImageExist(url)
{
var img = new Image();
img.src = url;
img.onload=function(){
if (img.height>0){
document.getElementById("test").src = url;
}else
{
document.getElementById('test').src='http://xyzxd.com/resim.jpg';
}
}
}