PCnet Online
Geri Dön   PCnet Online > Web Tasarımı ve Geliştirme > Web ve Grafik Tasarımı
Bu Sayfayı Yenile üzerine gelince değişen ve büyüyen resim
Yanıtla
 
Başlık Araçları
  (#11) Eski
 
yagi Kullanıcısının Avatar'ı
 
Mesaj: 805
Katılım Tarihi: 2006
Yer: Ist.
Varsayılan 15.04.2007, 23:51


resimlerin obje olarak tanımlanıp, onload özelliği ile divlerin tetiklenmesi sağlanması gerekiyor. Bir ara yaparsam, koyarım buraya.. Ayrıca gadfly ın yolladığı js dosyası içinde var, buna adapte etmek lazım..
Alıntıyla Yanıtla
  (#12) Eski
 
gadfLy Kullanıcısının Avatar'ı
 
Mesaj: 331
Katılım Tarihi: 2006
Yer: Republic of FENERBAHCE
Varsayılan 16.04.2007, 02:02

Benim yollamis oldugum scriptte de ufak degisikliklerle ayni efekti yakalamak mumkun. Js dosyasini acip,

Kod:
var imageHTML='<img src="'+link.getAttribute("href")+'" style="'+this.opacitystring+'" />' //Construct HTML for shown image
satirini,

Kod:
var imageHTML='<img src="'+link.getAttribute("onMouseOver)+'" style="'+this.opacitystring+'" />' //Construct HTML for shown image
ve

Kod:
this.featureImage.src=link.getAttribute("href")
satirini,

Kod:
this.featureImage.src=link.getAttribute("onMouseOver")
seklinde degistirip, index.html dosyamizdaki <a> taglarindaki "href"'in yerine "onMouseOver" yazmamiz yeterli olacaktir. Tabi mouse'un kucuk resmin ustunden cekildiginde buyuk resmin kapanmasi icin yine <a> tagina onMouseOut="thumbnailviewer.closeit()" eklememiz gerekiyor.

Ornek:
http://www.kuzeniz.biz/gadfly


Republic of FENERBAHCE
Alıntıyla Yanıtla
  (#13) Eski
 
yagi Kullanıcısının Avatar'ı
 
Mesaj: 805
Katılım Tarihi: 2006
Yer: Ist.
Varsayılan javascript - 16.04.2007, 20:53

güzel olmuş FF da çalışıyor fakat IE 6.0 da yükleniyorda takıldı..
Alıntıyla Yanıtla
  (#14) Eski
 
gadfLy Kullanıcısının Avatar'ı
 
Mesaj: 331
Katılım Tarihi: 2006
Yer: Republic of FENERBAHCE
Varsayılan 17.04.2007, 01:40

Alıntı:
Orijinalini Gönderen: yagi Mesajı Görüntüle
güzel olmuş FF da çalışıyor fakat IE 6.0 da yükleniyorda takıldı..
Evet İE kullanmadigim icin fazla orda test etmeyi ihmal etmisim. İE 7'de hic calismadi. "onMouseOver" yazan yerleri "onLoad" olarak degistiriyoruz. Firefox 2.0 ve İE 7 de sorun yok. Sanirim bu defa bitti http://kuzeniz.biz/gadfly/


Republic of FENERBAHCE
Alıntıyla Yanıtla
  (#15) Eski
 
Mesaj: 30
Katılım Tarihi: 2006
Varsayılan 20.04.2007, 16:22



gadfly arkadaşım bi sorum daha olacaktı, bu açılan resme yani büyüyene link verebilirmiyiz,bunun imkanı var mı ?
Alıntıyla Yanıtla
Yanıtla

Başlık Araçları


Benzer Başlıklar
Başlık Başlığı Açan Forum Yanıt Son Mesaj
resimn üzerine gelince başka resmin açılması(webtasarım) mcsah Web ve Grafik Tasarımı 8 04.05.2007 19:54
Flashta imlec üzerine gelince animasyonu durdurma magicman Web ve Grafik Tasarımı 4 31.10.2006 15:56
mouse ile yazının üzerine gelince açıklama kutusu pigeon Web ve Grafik Tasarımı 3 04.03.2006 00:43
Menübar (Bir linkin üzerine gelince yukarıya dogru) poweronpenguen Web ve Grafik Tasarımı 4 22.02.2006 20:15
Linkin üzerine gelince rengi değişsin! vanHooijdonk Web ve Grafik Tasarımı 3 13.01.2006 15:16



vBulletin® Sürüm 3.8.2 ile güçlendirilmiştir
Copyright ©2000 - 2010, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0
© Doğan Burda Dergi Yayıncılık ve Pazarlama A.Ş. Hürriyet Medya Towers 34212 Güneşli - İstanbul

En Son Mesajlar

0 gösterim, 0 yanıt

3 gösterim, 1 yanıt

148 gösterim, 5 yanıt

0 gösterim, 0 yanıt

11 gösterim, 5 yanıt

24 gösterim, 1 yanıt

30 gösterim, 3 yanıt

86 gösterim, 9 yanıt

64 gösterim, 4 yanıt

135 gösterim, 20 yanıt

0 gösterim, 0 yanıt

27 gösterim, 3 yanıt

0 gösterim, 0 yanıt

478 gösterim, 43 yanıt

1 gösterim, 0 yanıt