Flash gömülebilen Lightbox : ShadowBox


Merhaba arkadaşlar ;
Bu hafta içerisinde Lightbox ile ilgili 2 eposta alınca şöyle bir derleyip toparlayıp bir yazı çıkarayım istedim. Öncelikle Lightbox nedir bilmiyorsanız tekrardan anlatmak yerine baya uzun zaman önce yazdığım bir yazımı okuyabilirsiniz.

http://ercanaltug.blogspot.com/2007/09/image-1.html

Lightbox güzel bir HTML üzerinde Javascript tabanlı görsel bir sunum sağlıyor bize.Ancak bu açılan pencere içerisinde image dışında nesneler oynatamıyoruz. Geliştirilmiş birsürü Lightbox örneği internette mevcut ancak içerisine flash swf dosyası,flv video ve hatta iframe (google video,youtube,form…) ekleyebildiğimiz bir lightbox türevi shadowbox’ı tavsiye ediyorum. Örnekleri gayet açıklayıcı.

http://www.mjijackson.com/shadowbox

Peki shadowbox gayet hoş ancak ya ben bunu htmlden değil flash içerisinden açmak istiyorum derseniz.İlk duyduğumda banada ters gelmişti ama flash içerisinden de Javascript fonksiyonu çağırmak mümkün sonuçta ve o fonksiyonu çağırarak bu da mümkün.Yani Flash içerisinden bir butona tıklandığında da Lightbox ve türevlerini çalıştırabiliyoruz. Örnek olması açısından bir fonksyion çağıran uygulamam :

JavaScript Kodu
————————————————————————–

function show(image) {
var a = document.getElementById(“image_href”+image+””);
var f = new Array()
f[1] = “images/1.jpg”;
f[2] = “images/2.jpg”;

var url = f[image];
a.setAttribute(’href’, url);
myLightbox.start(a);

}

————————————————————————–

Flash Actionscript 2.0 Buton Kodu
————————————————————————–

on (press) {
getURL(“javascript:show(1)”);
}
______________________________

Flash Actionscript 3.0 Frame’e eklenecek kod :
(foto1_btn butonun Instance Name’i)
______________________________________________

foto1_btn.addEventListener(MouseEvent.CLICK,tiklandi1)

function tiklandi1(e:MouseEvent) {

var adres:URLRequest = new URLRequest(“javascript:show(1)”)

navigateToURL(adres)

}

————————————————————————–

HTML Kodu

————————————————————————–


————————————————————————–

Daha birçok Lightbox örneği var internette araştırma yaparken bir sayfada ayrıntılı örneklerle analizlerini veren bir sayfa gördüm paylaşmak istiyorum :

http://planetozh.com/projects/lightbox-clones/

Belki sizin lightboxınız shadowbox değil başkasıdır. Ayrıca bir türk tarafından geliştirilmiş olan TalCIBox ta göz atmaya değer.Projelerinizde geliştirerek kullanmanız ümidiyle…

Reklamlar

5 Yanıt to “Flash gömülebilen Lightbox : ShadowBox”

  1. Hamza ERBAY Says:

    Çok sağolun hocam 😀 deniyorum bunuda 😀 sonuç kesin çıksa size dönüş yapacağım ama hala uğraşıyorumm…:D

  2. Hamza ERBAY Says:

    Çok sağolun hocam 😀 deniyorum bunuda 😀 sonuç kesin çıksa size dönüş yapacağım ama hala uğraşıyorumm…:D

  3. sound_of_silence Says:

    Merhaba,

    Öncelikle verdiğiniz güzel bilgiler için teşekkürler. Flash içinde lightbox çalıştırmak uzun zamandır yapmaya çalıştığım birşey; fakat kaynak bulamamıştım. Gayet sade bir şekilde anlatmışsınız yukarıda; ancak benim javascript bilgimin zayıf olmasından ötürü sanırım; “JavaScript Kodu” kısmını nereye koyacağımı bilemedim. Tekrar açıklayabilir misiniz acaba? Bunun dışında, butona, frame’e ve html’ye gerekli kodları yazdım. Ancak çalıştırmaya beceremedim 🙂

  4. E.Altuğ YILMAZ Says:

    Merhabalar

    Javascript kodunu head taglerine ilk satırında

    < script type="text/javascript" >

    olacak şekilde yazıyorsunuz.

    Kolay gelsin..

  5. sound_of_silence Says:

    Tam da dediğiniz gibi ekledim; ancak yine başaramadım. Zannedersem .swf’yi eklerken bi hatalar yapıyorum; çünkü .gif olarak kaydedince çalışıyor kodlar.

    Yine de teşekkür ederim ilgilendiğiniz için.

Bir Cevap Yazın

Aşağıya bilgilerinizi girin veya oturum açmak için bir simgeye tıklayın:

WordPress.com Logosu

WordPress.com hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Google+ fotoğrafı

Google+ hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Twitter resmi

Twitter hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Facebook fotoğrafı

Facebook hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Connecting to %s


%d blogcu bunu beğendi: