HDMI
03-02-2012, 19:06
esselamu aleykum
daha önce öteki forumda buna benzer bir konu açılmış idi sanırım.
uygulamalı bir örnek için.
Dynamic Drive CSS Library- CSS Image Gallery (http://www.dynamicdrive.com/style/csslibrary/item/css-image-gallery/)
ya da şu kodu kullanabilirsiniz.
<a href="buraya yazının linki gelecek" target="_blank" onmouseover="divo1.style.display='block'" onmouseout="divo1.style.display='none'">yazı buraya</a>
<div style=" position:absolute; display: none;" id="divo1">
<table>
<tr>
<td>
<img src="resmin linki" width="232" height="300"/>
</td>
</tr>
</table>
</div>
eğer sayfaya ve ya sitenizin başka alanlarında başka linkler ekleyeceksiniz divo1 den sonra divo2 yazınız [sonrakinde]ve ya kendinize göre başka ama aynı style olmasın..çalışmaz..
div1 ve ya div2 vs...
eğer resmin açılacağı yeri linke göre belirtmek isterseniz
position:absolute; - 'tan sonra top:50px; left:300px; gibi css pozisyonları ekleyebilirsiniz.. örnek için tıklayınız (http://www.mobelti.com.tr/katlanir-kapi-sistemleri.html)
ilkini uygulamak daha kolay :=)
vesselam..
daha önce öteki forumda buna benzer bir konu açılmış idi sanırım.
uygulamalı bir örnek için.
Dynamic Drive CSS Library- CSS Image Gallery (http://www.dynamicdrive.com/style/csslibrary/item/css-image-gallery/)
ya da şu kodu kullanabilirsiniz.
<a href="buraya yazının linki gelecek" target="_blank" onmouseover="divo1.style.display='block'" onmouseout="divo1.style.display='none'">yazı buraya</a>
<div style=" position:absolute; display: none;" id="divo1">
<table>
<tr>
<td>
<img src="resmin linki" width="232" height="300"/>
</td>
</tr>
</table>
</div>
eğer sayfaya ve ya sitenizin başka alanlarında başka linkler ekleyeceksiniz divo1 den sonra divo2 yazınız [sonrakinde]ve ya kendinize göre başka ama aynı style olmasın..çalışmaz..
div1 ve ya div2 vs...
eğer resmin açılacağı yeri linke göre belirtmek isterseniz
position:absolute; - 'tan sonra top:50px; left:300px; gibi css pozisyonları ekleyebilirsiniz.. örnek için tıklayınız (http://www.mobelti.com.tr/katlanir-kapi-sistemleri.html)
ilkini uygulamak daha kolay :=)
vesselam..