Zoque.Forum
Dirsek Teması:
Geri Dön Zoque.Forum » Webmaster Kaynaklari » ://www » tooltip şeklinde açılan resimler


Yanıt
 
LinkBack Seçenekler
Old 10.07.2006   #1 (permalink)
 
theshiver's Avatar
 
Üyelik Tarihi: 24.12.2005
Yer: İstanbul
Mesaj: 66
tooltip şeklinde açılan resimler


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
__________________
cnctn.cm
theshiver şu an çevrimdışı  
Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl'e kaydet! http://reddit.com/submit?url=%url%&title=%title%Wong'e kaydet!Yahoo'ya kaydet!Google'a kaydet!MSN'e kaydet!Facebook'e kaydet!
Mesajdan alıntı yaparak yeni bir cevap ekleyin
Old 10.07.2006   #2 (permalink)
 
Karakan's Avatar
 
Üyelik Tarihi: 26.05.2006
Yer: Ankara
Yaş: 24
Mesaj: 178
Görsel: 5
Re: tooltip şeklinde açılan resimler

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

CSS
Alıntı:
<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

Alıntı:
<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
__________________
Makale || Matematik yalan söylemez. || ArtDusunce || differentiate yourself from others.
Karakan şu an çevrimdışı  
Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl'e kaydet! http://reddit.com/submit?url=%url%&title=%title%Wong'e kaydet!Yahoo'ya kaydet!Google'a kaydet!MSN'e kaydet!Facebook'e kaydet!
Mesajdan alıntı yaparak yeni bir cevap ekleyin
Old 10.07.2006   #3 (permalink)
 
theshiver's Avatar
 
Üyelik Tarihi: 24.12.2005
Yer: İstanbul
Mesaj: 66
Re: tooltip şeklinde açılan resimler

Çok teşekkürler yardımların için çok işime yaradı
__________________
cnctn.cm
theshiver şu an çevrimdışı  
Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl'e kaydet! http://reddit.com/submit?url=%url%&title=%title%Wong'e kaydet!Yahoo'ya kaydet!Google'a kaydet!MSN'e kaydet!Facebook'e kaydet!
Mesajdan alıntı yaparak yeni bir cevap ekleyin
Old 11.07.2006   #4 (permalink)
 
David Wenham's Avatar
 
Üyelik Tarihi: 17.01.2004
Yer: İstanbul
Mesaj: 491
Görsel: 1
Re: tooltip şeklinde açılan resimler

LetSDie,

Uzun zamandır bu kadar işime yarayan bir kod bulamamıştım. Harikasın
David Wenham şu an çevrimdışı  
Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl'e kaydet! http://reddit.com/submit?url=%url%&title=%title%Wong'e kaydet!Yahoo'ya kaydet!Google'a kaydet!MSN'e kaydet!Facebook'e kaydet!
Mesajdan alıntı yaparak yeni bir cevap ekleyin
Old 11.07.2006   #5 (permalink)
 
Karakan's Avatar
 
Üyelik Tarihi: 26.05.2006
Yer: Ankara
Yaş: 24
Mesaj: 178
Görsel: 5
Re: tooltip şeklinde açılan resimler

işinize yaradıgına cok sevindim..kolay gelsin.
__________________
Makale || Matematik yalan söylemez. || ArtDusunce || differentiate yourself from others.
Karakan şu an çevrimdışı  
Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl'e kaydet! http://reddit.com/submit?url=%url%&title=%title%Wong'e kaydet!Yahoo'ya kaydet!Google'a kaydet!MSN'e kaydet!Facebook'e kaydet!
Mesajdan alıntı yaparak yeni bir cevap ekleyin
Sponsorlu Bağlantılar
Zoque.Forum
Reklam
Yanıt

Etiketler

resimler , acilan , seklinde , tooltip


 
Zoque'a hoşgeldiniz!
Zoque 27.02.1999 tarihinde yayın hayatına başlamış, paylaşıma dayalı bir oluşumdur. Tasarım, teknoloji, web, kültür ve sanat ana başlıkları altında bilgi paylaşımı ve benzer değerlere sahip katılımcıların birbirleriyle iletişime girmelerine imkan sağlar. "Az ama Öz" sloganından yola çıkarak, kaliteli ve nitelikli katılımı temel alır.

Saygın ve ciddi bir ortamda yardımlaşmak, haberleşmek, kendi bildiklerini diğer katılımcılarla paylaşmak isteyen, oluşumumuza düzenli katılımda bulunacağı inancını taşıyan konuklarımızı üye olmaya davet ediyoruz. [ » ]


Üye Girişi:

En popüler ilk 100 etiket
Tag Cloud
acil adsl ajax almak arama araniyor ariyorum ariyoruz asp bilen bilgi bilgisayar blog calisma canon css dijital div domain dosya eleman film firefox flash font form forum fotograf freelance google gore grafik grafiker hakkinda hangi hata hatasi hosting html ilgili ilk image internet istanbul istiyorum java javascript karakter kayit kisisel kullanimi link logo mac mail menu muzik mysql nasil neden nedir online photoshop php problemi program programi reklam resim satilik sayfa script server ses sistemi site sitesi son soru sorun sorunsali sorunu sql swf tasarim tasarimci tasarimcisi tasarimi turk turkce veri video web windows wordpress xml yardim yazi yeni zoque
Zoque RSS Aboneliği
Son eklenen konuları e-posta ile haber verelim mi?

Forum Yazılımı: vBulletin® Version 3.7.4 Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0

Arayüz/Skin "Güneş" © www.zoque.com / net. Copyright © 1999 - 2008
Forum Saati GMT +2. Şu anda saat: 11:10.