4images Forum & Community
International => Turkish / Türkçe => Topic started by: boss24 on October 24, 2008, 05:54:41 AM
-
selam şöyle bi kod buldum resmin ustune gelınce onizlemesini gosteriyor cok kullanıslı ve baglayici bi script gibi geldi
4images icin uyarlanabilirmi acaba koddan anlayan ustalardan sanırım tek tekmi girmek lazım resim linklerini ve nereye eklemek lazım,olabilirmi yada buna benzer bi kod önerebilirmisiniz teşekkürler.
<style>
#demo{overflow:hidden;width:120px;text-align:center;padding:10px;}
#demo img{border:none;width:100px;height:100px;border:5px solid #f4f4f4}
#enlarge_images{position:absolute;display:none;z-index:2;border:5px solid #f4f4f4}
</style>
<div id="demo" style="overflow:hidden;width:120px;text-align:center;padding:10px">
<img src="http://portal.maxibilgi.com/webmaster/denemeler/resim9.jpg">
</div>
<div id="enlarge_images"></div>
<script>
var demo = document.getElementById("demo");
var gg = demo.getElementsByTagName("img");
var ei = document.getElementById("enlarge_images");
for(i=0; i<gg.length; i++){
var ts = gg[i];
ts.onmousemove = function(event){
event = event || window.event;
ei.style.display = "block";
ei.innerHTML = '<img src="' + this.src + '" />';
ei.style.top = document.body.scrollTop + event.clientY + 10 + "px";
ei.style.left = document.body.scrollLeft + event.clientX + 10 + "px";
}
ts.onmouseout = function(){
ei.innerHTML = "";
ei.style.display = "none";
}
ts.onclick = function(){
window.open( this.src );
}
}
</script>
-
4images için bu mod mevcut ama nerde gördüm hatırlamıyorum. Arama yapayım bulunca modu paylaşırım.
-
Zahmet olmazsa bulabilirsen sevinirim.Tesekkurler.
-
ben yapmıştım bunu.
bumudur tam olarak istediğin?