[theshiver]

Merhaba arkadaşlar
Bir site için bu tarz birşey hazırlamam lazım. çok yerde aradım ama istediğim gibi ( daha doğrusu bu sitede çalışan gibi ) bir script bulamadım kendime. aynı yukarıda verdiğim sitede ki gibi resimlerin üzerine mouse ile gelindiğinde o resmin büyük hali açılmalı ( başka bir resim açtıran versiyonlarını buldum fakat müşterinin kendine thumbnail hazırlama gibi bir olayı olmıycak ). Ayrıca bu resimler (ve tabiki bilgiler) database den alınıyor bunun içinde uygun bir zemini olması lazım scriptin. Sanırım çok şey istiyorum ( daha doğrusu müşteri çok şey istiyor sanırım ) ama yinede bu tarz bir çalışmaya rastlayan, nasıl yapılacağı hakkında fikri olan arkadaşlardan yardım istiyorum.
Şimdiden ilgilenen herkese teşekkürler

[Karakan]

sanırım böyle bişey;

CSS

<style type="text/css">

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}

</style>

HTML

<a class="thumbnail" href="#thumb"><img src="media/tree_thumb.jpg" width="100px" height="66px" border="0" /><span><img src="media/tree.jpg" /><br />Simply beautiful.</span></a>

<a class="thumbnail" href="#thumb"><img src="media/ocean_thumb.jpg" width="100px" height="66px" border="0" /><span><img src="media/ocean.jpg" /><br />So real, it's unreal. Or is it?</span></a>

<br />
<br />

<a class="thumbnail" href="#thumb">Dynamic Drive<span><img src="media/dynamicdrive.gif" /><br />Dynamic Drive</span></a><br />
<a class="thumbnail" href="#thumb">Zoka Coffee<span><img src="media/zoka.gif" /><br />Zoka Coffee</span></a>

<div style="margin-top: 1em; font-size: 90%">Credit: <a href="http://www.dynamicdrive.com/style/">Dynamic Drive CSS library</a></div>

http://www.dynamicdrive.com/style/cs...-image-viewer/ burdan almışım kodu zamanında şimdi buldum adresi

[theshiver]

Çok teşekkürler yardımların için çok işime yaradı

[David Wenham]

LetSDie,

Uzun zamandır bu kadar işime yarayan bir kod bulamamıştım. Harikasın

[Karakan]

işinize yaradıgına cok sevindim..kolay gelsin.