Merhaba elimde ilan sayfası var
resimlerin orjinali 800x800 pixel 5 adet resim
örnek
araba1.jpg
araba2.jpg
araba3.jpg
araba4.jpg
araba5.jpg
bu resimlerin otomatik küçülmüş şekilde ilan sayfasında ki 50x50 kutucuklarda görmek istiyorum basınca da büyüğünü açmasını istiyorum nasıl yaparım?
şimdiden teşekkürler
Head etiketleri arasına aşağıdaki Css ve Javascript kodlarını ekleyin,
<style type="text/css">
.kapsayici{width:200px; height:300px; overflow:auto;}
.resim {width:50px; height:50px; border:2px solid #fff;}
.resim:hover {border:2px solid #333; }
</style>
<script language="JavaScript">
<!-- Begin
var isNav4, isIE4;
if (parseInt(navigator.appVersion.charAt(0)) >= 4) {
isNav4 = (navigator.appName == "Netscape") ? 1 : 0;
isIE4 = (navigator.appName.indexOf("Microsoft") != -1) ? 1 : 0;
}
function fitWindowSize() {
if (isNav4) {
window.innerWidth = document.layers[0].document.images[0].width;
window.innerHeight = document.layers[0].document.images[0].height;
}
if (isIE4) {
window.resizeTo(800, 800);
width = 800 - (document.body.clientWidth - document.images[0].width); height = 800 - (document.body.clientHeight - document.images[0].height);
window.resizeTo(width, height);
}
}
// End -->
</script>Body etiketini aşağıdaki parametreyle değiştirin,
<body onload="fitWindowSize()" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" >
Body etiketleri arasına ekleyin,
<div class="kapsayici">
<a href="resim1.jpg" target="_blank" /><img src="resim1.jpg" border="0" class="resim"></a>
</div>
Kaydedin ve deneyin.
Başarılar.