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
————————————————————————–

< script type="text/javascript">
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);

}
< /script >

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

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

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

< a id="image_href1" href="images/1.jpg">< /a>
< a id="image_href6" href="images/2.jpg">< /a>

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

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...