Yazar |
Mesaj |
-
lider-web
Acemi Üye
|
24.04.2010, 18:12 (UTC) Mesaj konusu: Resime Gelince Büyüme |
|
|
[img]http://i42.tinypic.com/1io2lc.jpg[/img9
Arkadaşlar Uzun Zamandır Arıyorum.Kimse Cevap Vermiyor...Bs De 2 Sitede Gördüm AYnı Resimdeki Resimin Üzerine Geliosunuz Resim Yukarıdaki Gibi Oluo.Bunu Kodunu Verin Lütfen. ______________ |
|
↑
|
|
|
-
lider-web
Acemi Üye
|
24.04.2010, 18:13 (UTC) Mesaj konusu: |
|
|
Resim Buydu Özür Dilerim ______________ |
|
↑
|
|
|
-
dumanalevim
Acemi Üye
|
24.04.2010, 19:08 (UTC) Mesaj konusu: |
|
|
Yanlıs Olmasam O Site Benım Benımkı Tasarımdan Kaynaklanıyor.Özel Bi Kodu Yok Bildiğim Kadarıyla.Ama Googleden Araştırırsan Bulabılırsın.
Saygılarımla; ______________ |
|
↑
|
|
|
-
lider-web
Acemi Üye
|
24.04.2010, 19:08 (UTC) Mesaj konusu: |
|
|
dumanalevim yazmış: Yanlıs Olmasam O Site Benım Benımkı Tasarımdan Kaynaklanıyor.Özel Bi Kodu Yok Bildiğim Kadarıyla.Ama Googleden Araştırırsan Bulabılırsın.
Saygılarımla;
Özel Bir Kodu Var.Ama Bulamadım. ______________ |
|
↑
|
|
|
-
htmlkodefe
Aktif Üye
Konum: İstranbul / Merkez
|
24.04.2010, 19:09 (UTC) Mesaj konusu: |
|
|
Biraz Araştırsanız Bulurdunuz Neyseki Arşivimde Var
Kod: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<script language="javascript">
<!--
document.onmousemove = beSmart;
window.onload = init;
startEnlarge = 250; // The distance to start enlarging the picture at, in pixels.
enlargeTo = 200; // The number of Pixels to enlarge to.
minSize = 40; // The number of Pixels to shrink to.
centerOfPic = new Array();
// Calls the beSmart function to set each "smart" image to the correct size.
function init(){
beSmart();
}
function beSmart(){
for(i=0;i<document.images.length;i++){
if(document.images[i].className == "smart"){
mouseX = window.event.x;
mouseY = window.event.y;
imageX = document.images[i].offsetLeft + (document.images[i].width / 2);
imageY = document.images[i].offsetTop + (document.images[i].height / 2);
distance = Math.ceil(Math.sqrt(Math.pow(mouseX - imageX,2) +
Math.pow(imageY - mouseY,2)));
percent = distance / startEnlarge * enlargeTo;
percent = enlargeTo - percent
if(percent > minSize){
document.images[i].style.width = percent;
document.images[i].style.height = percent;
} else {
document.images[i].style.width = minSize;
document.images[i].style.height = minSize;
}
}
}
}
// -->
</script>
</head>
<center>
<img src="http://ebeliptu.tripod.com/bayrak.jpg" class="smart">
<img src="http://www.thewallpapers.us/data/media/549/bayrak2.jpg" class="smart">
<img src="http://www.turkocaklari.org/canakkale/canakkalebayramnamazi.jpg"
class="smart">
</center>
</body>
</html> |
|
↑
|
|
|
-
catlak-site55
Uzman Üye
Konum: Kafasina Goreツ
|
24.04.2010, 19:20 (UTC) Mesaj konusu: |
|
|
dumanalevim yazmış: Yanlıs Olmasam O Site Benım Benımkı Tasarımdan Kaynaklanıyor.Özel Bi Kodu Yok Bildiğim Kadarıyla.Ama Googleden Araştırırsan Bulabılırsın.
Saygılarımla;
Tasarımınla alakası yok kullnadıgnız sistem sexy light box yanı jquery google jquery yazarsanız bir sürü versıyonu bulursunuz ben sitemde bu sitemi kullanıyorum sadece resım degıl video iframe vs seyler izletıyorum tavsiye ederım gercekten az kod cok iş süper bişe______________
Bizde İsteyene İstedigi Kadar Sevgi,İsteyene İstemedigi Kadar Mermi Mevcuttur! |
|
↑
|
|
|
-
lider-web
Acemi Üye
|
24.04.2010, 19:22 (UTC) Mesaj konusu: |
|
|
@catlaksite kodunu paylaşırmısın yada ö.m ile yollarmısın ______________ |
|
↑
|
|
|
-
imagerial
Uzman Üye
Konum: Kirklareli/Lüleburgaz
|
05.05.2010, 17:27 (UTC) Mesaj konusu: |
|
|
Bu kodu resimler nerde gözükecekse oraya koyacaksın. Kod: <div class="ienlarger"><a href="http://www.dynamicdrive.com/"><img src="http://img406.imageshack.us/img406/4920/63734582.jpg" alt="thumb" class="resize_thumb" /><span>
<img src="http://img406.imageshack.us/img406/4920/63734582.jpg" alt="large" /><br />
Some text can go here.</span></a></div>
<div class="ienlarger"><a href="http://www.google.co.uk/"><img src="http://img257.imageshack.us/img257/1926/92628379.jpg" alt="thumb" class="resize_thumb" /><span>
<img src="http://img257.imageshack.us/img257/1926/92628379.jpg" alt="large" /><br />
Some text can go here.</span></a></div>
<div class="ienlarger"><a href="http://www.facebook.com/"><img src="http://img442.imageshack.us/img442/6325/87011940.jpg" alt="thumb" class="resize_thumb" /><span>
<img src="http://img442.imageshack.us/img442/6325/87011940.jpg" alt="large" /><br />
Some text can go here.</span></a></div>
<div class="ienlarger"><a href="#nogo"><img src="http://img691.imageshack.us/img691/7360/89815502.jpg" alt="thumb" class="resize_thumb" /><span>
<img src="http://img691.imageshack.us/img691/7360/89815502.jpg" alt="large" /><br />
Some text can go here.</span></a></div>
<br style="clear:left" />
Bu Koduda Css Koduna Koymalısın. Eğer Css Tasarım Kullanmıyorsan Tasarım üstü veya altına koyabilirsiniz. Kod: <style><style type="text/css">
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
/* smart image enlarger starts here */
/* If your images are not linking to other pages leave the links as <a href="#nogo"> Otherwise enlarger won't work in IE6 */
.ienlarger {
float: left;
clear: none; /* set to left or right if needed */
padding-bottom: 5px; /* space between thumbs. Don't change this to margin */
padding-right: 5px; /* space between thumbs and wrapping text when there is any text around it */
}
.ienlarger a {
display:block;
text-decoration: none;
/* add cursor:default; to this rule to disable the hand cursor */
}
.ienlarger a:hover{ /* don't move this positioning to normal state */
position:relative;
}
.ienlarger span img {
border: 1px solid #FFFFFF; /* adds a border around the image */
margin-bottom: 8px; /* pushes the text down from the image */
}
.ienlarger a span { /* this is for the large image and the caption */
position: absolute;
display:none;
color: #FFCC00; /* caption text colour */
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px; /* caption text size */
background-color: #000000;
font-weight: bold;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 13px;
padding-left: 10px;
}
.ienlarger img { /* leave or IE puts a border around links */
border-width: 0;
}
.ienlarger a:hover span {
display:block;
top: 50px; /* means the pop-up's top is 50px away from thumb's top */
left: 90px; /* means the pop-up's left is 90px far from the thumb's left */
z-index: 100;
/* If you want the pop-up open to the left of thumb, remove the left: 90px; and add
right: 90px; This would mean the right side of the pop-up is 90px far from the right side of thumb */
/* If you want the pop-up open above the thumb, remove the top: 50px; and add
bottom: 50px; This would mean the bottom of the pop-up is 50px far from the bottom of thumb */
/* add cursor:default; to this rule to disable the hand cursor only for the large image */
}
.resize_thumb {
width: 150px; /* enter desired thumb width here */
height : auto;
}
/* smart image enlarger ends here */
</style></style> ______________ |
|
↑
|
|
|
-
furkan-27
Acemi Üye
Konum: Gaziantep
|
06.05.2010, 12:40 (UTC) Mesaj konusu: S |
|
|
Saol'un ______________ |
|
↑
|
|
|
-
skmedia
Uzman Üye
Konum: İstanbul
|
08.05.2010, 20:07 (UTC) Mesaj konusu: |
|
|
Bahsettiğiniz Özelliği Ben Kullanıyorum,,
==> Örnek Ana sayfadaki Resimler ve hatta çoğu resimlerde bu özellik mevcut..
http://www.skmedia.tr.gg/ |
|
↑
|
|
|
|