flash image slide

sıraysıla gösterildiği gibi imajları takip ederek MovieClip leri ousturalım......
<a target='_blank' href='https://img39.imageshack.us/my.php?image=27381545.jpg'><img src='https://img39.imageshack.us/img39/1855/27381545.th.jpg' border='0'/></a>
<a target='_blank' title='ImageShack - Image And Video Hosting' href='https://img39.imageshack.us/my.php?image=21056512.jpg'><img src='https://img39.imageshack.us/img39/1412/21056512.jpg' border='0'/></a><br/><a href="https://g.imageshack.us/img39/21056512.jpg/1/"><img src="https://img39.imageshack.us/img39/21056512.jpg/1/w761.png" border="0"></a>
<a target='_blank' title='ImageShack - Image And Video Hosting' href='https://img4.imageshack.us/my.php?image=85103969.jpg'><img src='https://img4.imageshack.us/img4/5968/85103969.jpg' border='0'/></a><br/><a href="https://g.imageshack.us/img4/85103969.jpg/1/"><img src="https://img4.imageshack.us/img4/85103969.jpg/1/w804.png" border="0"></a>
<a target='_blank' title='ImageShack - Image And Video Hosting' href='https://img4.imageshack.us/my.php?image=88233454.jpg'><img src='https://img4.imageshack.us/img4/5343/88233454.jpg' border='0'/></a><br/><a href="https://g.imageshack.us/img4/88233454.jpg/1/"><img src="https://img4.imageshack.us/img4/88233454.jpg/1/w804.png" border="0"></a>
<a target='_blank' title='ImageShack - Image And Video Hosting' href='https://img4.imageshack.us/my.php?image=40460938.jpg'><img src='https://img4.imageshack.us/img4/7659/40460938.jpg' border='0'/></a><br/><a href="https://g.imageshack.us/img4/40460938.jpg/1/"><img src="https://img4.imageshack.us/img4/40460938.jpg/1/w910.png" border="0"></a>
<a target='_blank' title='ImageShack - Image And Video Hosting' href='https://img4.imageshack.us/my.php?image=47626581.jpg'><img src='https://img4.imageshack.us/img4/2985/47626581.jpg' border='0'/></a><br/><a href="https://g.imageshack.us/img4/47626581.jpg/1/"><img src="https://img4.imageshack.us/img4/47626581.jpg/1/w910.png" border="0"></a>
<a target='_blank' title='ImageShack - Image And Video Hosting' href='https://img4.imageshack.us/my.php?image=91669539.jpg'><img src='https://img4.imageshack.us/img4/6783/91669539.jpg' border='0'/></a><br/><a href="https://g.imageshack.us/img4/91669539.jpg/1/"><img src="https://img4.imageshack.us/img4/91669539.jpg/1/w910.png" border="0"></a>
<a target='_blank' title='ImageShack - Image And Video Hosting' href='https://img4.imageshack.us/my.php?image=34465688.jpg'><img src='https://img4.imageshack.us/img4/8582/34465688.jpg' border='0'/></a><br/><a href="https://g.imageshack.us/img4/34465688.jpg/1/"><img src="https://img4.imageshack.us/img4/34465688.jpg/1/w1124.png" border="0"></a>
<a target='_blank' title='ImageShack - Image And Video Hosting' href='https://img4.imageshack.us/my.php?image=79179295.jpg'><img src='https://img4.imageshack.us/img4/9719/79179295.jpg' border='0'/></a><br/><a href="https://g.imageshack.us/img4/79179295.jpg/1/"><img src="https://img4.imageshack.us/img4/79179295.jpg/1/w830.png" border="0"></a>
<a target='_blank' title='ImageShack - Image And Video Hosting' href='https://img4.imageshack.us/my.php?image=79179295.jpg'><img src='https://img4.imageshack.us/img4/9719/79179295.jpg' border='0'/></a><br/><a href="https://g.imageshack.us/img4/79179295.jpg/1/"><img src="https://img4.imageshack.us/img4/79179295.jpg/1/w830.png" border="0"></a>
<a target='_blank' title='ImageShack - Image And Video Hosting' href='https://img4.imageshack.us/my.php?image=55107426.jpg'><img src='https://img4.imageshack.us/img4/8831/55107426.jpg' border='0'/></a><br/><a href="https://g.imageshack.us/img4/55107426.jpg/1/"><img src="https://img4.imageshack.us/img4/55107426.jpg/1/w830.png" border="0"></a>
<a target='_blank' title='ImageShack - Image And Video Hosting' href='https://img4.imageshack.us/my.php?image=88826597.jpg'><img src='https://img4.imageshack.us/img4/5484/88826597.jpg' border='0'/></a><br/><a href="https://g.imageshack.us/img4/88826597.jpg/1/"><img src="https://img4.imageshack.us/img4/88826597.jpg/1/w782.png" border="0"></a>

<<--------------------------------------------------------------------->>
Değişkenler bilgi saklamak için kulanacağımız yada bilgi takip edebileceğimiz
veriler için kulanılır.

aImages dizisi xml dökümanındaki hiyerarşik etiketleri içerisindeki saklanan
resim isimlerini (cat-3.jpg gibi) gene hiyerraşik bir sırayla aktarılması icin
kullanılacaktır.

thumbs dizi tıpkı aImages dizisi gibi hiyerrşik sıraya sahip resimleri, sırayla thumb objesinin içerisinde görülmesi için eklememize yardım edecektir. Buda thumb MoviClip’ nin aImages uzunlugu kadar kullanılacağı anlamına gelir.

url mevcut klasör içersindeki data.xml dökümanını yüklemek için Event.COMPLETE, olayını yükledikten sonra gercekleştirmesi için xmlLoaded
fonksiyonu tanımlar.

total xmlLoaded fonksiyonu içerisinde xml.dökümanın içersindeki <image>
tagının uzunluguna eşitlenir.

maxValue thumb MovieClip'nin x kordinatını sırayla ne ne kadar arttıralacağını tayin etmek icin kulanılır.

second ise sahnemizdeki ileri ve geri buttonlarını thumb MovieClip’nin x koordinatında - veya + yönde hareket etmesini sağlıyacak olan değişkendir.

<a target='_blank' title='ImageShack - Image And Video Hosting' href='https://img52.imageshack.us/my.php?image=31108905.jpg'><img src='https://img52.imageshack.us/img52/1585/31108905.jpg' border='0'/></a><br/><a href="https://g.imageshack.us/img52/31108905.jpg/1/"><img src="https://img52.imageshack.us/img52/31108905.jpg/1/w782.png" border="0"></a>

<<--------------------------------------------------------------------->>

xmlLoaded(e:Event) fonksiyon içrisinde Event parametresi üste yazan Event olayını parametre olarak kabul etmektedir.Yani belli bir olay akışı söz konusudur. url.addEventListener(Event.COMPLEtE, xmlLoaded) belli bir olay akışını özetler, url içerisindeki("data.xml") xml = XML(e.target.data); XML objesine pars edilir. e.target.data ile xml.data'ya ulaşılmış olunur.

list yüklenmiş xml dökümanı içeisindeki <image> tagları XMLList objesine atanır ve list objesinin uzunlugu (length) total değişkenine eşitlenir. total createMenus fonksiyonu içersindeki for döngüsünün ne kadar tekrarlanacağını yani tekrar sayısını belirlemiş olur.

for in... içerisinde tanımlanan item xml objesi içerinde <image> tagı kadar döner ve her tekrarlandığında içeride tanımlanan var img:String = String(xml.images.image[item]); sırasıyla <image> tagında bilgiyi img değişkenine vermiş olur.

aImages.push(img) sırasıyla <image> tag içerisindeki resim isimlerinin kullanımını kolaylastırmak için veri tipi olusturmaktadır.

<a target='_blank' title='ImageShack - Image And Video Hosting' href='https://img52.imageshack.us/my.php?image=93489350.jpg'><img src='https://img52.imageshack.us/img52/9348/93489350.jpg' border='0'/></a><br/><a href="https://g.imageshack.us/img52/93489350.jpg/1/"><img src="https://img52.imageshack.us/img52/93489350.jpg/1/w782.png" border="0"></a>

<<--------------------------------------------------------------------->>

shape nesnesi sadece sahnedeki container MovieClip'ine maske uygulamak için görevlidir.

for döngüsü içersinde new oparatörü ile total numerik değişkeni kadar thumb MovieClip'ni container MovieCli'ine görüntülemek için ekler i değişkeni thumb nesnesini temsil der ve maxValu değeri kadar artırmasını ve x koordinatını 5'ten baslaması gerektiğini söyler. thumbs dizi içersine eklenerek
kullanılacak datayı belirlemiş olur.

loader nesnesi yüklenecek olan data'yı Request yardımı ile belirler ve tumb MovieClip içersinde görünlmek için ekler. Gene bir olay akışı söz konusudur. Event.COMPLETE olayını imageLoaded fonksiyonuna göndererek data yükledikten sonra fonksiyonu tetikler.

<a target='_blank' title='ImageShack - Image And Video Hosting' href='https://img52.imageshack.us/my.php?image=31008173.jpg'><img src='https://img52.imageshack.us/img52/6653/31008173.jpg' border='0'/></a><br/><a href="https://g.imageshack.us/img52/31008173.jpg/1/"><img src="https://img52.imageshack.us/img52/31008173.jpg/1/w782.png" border="0"></a>

<<--------------------------------------------------------------------->>

bmp değişkeni e.target.content olarak yüklenen datanın bilgileriyle yeni bir Bitmap nesnesi oluşturur. alpha 0 x ve y koordinatları (thum.width - bmp. width) / 2 ilede thumb MovieClip'ine göre hizalanmış olur. TweenLite.to(alpha özelliğini tween ile 1 cıkarır.)

sahnemizdeki bPreview ve bNext buttonları thumb MovieClip'nin - ve + değerlerde arttırılarak hareketlerini denetlemekle sorumludurlar.
<a target='_blank' title='ImageShack - Image And Video Hosting' href='https://img18.imageshack.us/my.php?image=50369221.jpg'><img src='https://img18.imageshack.us/img18/6555/50369221.jpg' border='0'/></a><br/><a href="https://g.imageshack.us/img18/50369221.jpg/1/"><img src="https://img18.imageshack.us/img18/50369221.jpg/1/w782.png" border="0"></a>

<<--------------------------------------------------------------------->>

previewClickHandler fonksiyonu kullanıcıdan bir Mouse Click olayı beklmektedir ve if beyanı second değişkeninin durumunu kontrol ederek second değişkenini teker teker eksiltmekdedir ( second--; ). bunu sıfıra eşit ise yapmaz ayrıca previewClickHandler fonksiyonu nextClickHandler fonksiyonundan önce yazılmıştır dikkat edilmesi gerekir.

nextClickHandler fonksiyonu previewClickHandler fonksiyonun aksine second değişkenini teker teker artırmaktadır ( second++; ). Ancak bu arttırmayı thumbs.length - 4 eşit olana kadar yapmaktadır. second = -1 ise basa alınması sağlamaktadır.

<a target='_blank' title='ImageShack - Image And Video Hosting' href='https://img18.imageshack.us/my.php?image=58311783.jpg'><img src='https://img18.imageshack.us/img18/4985/58311783.jpg' border='0'/></a><br/><a href="https://g.imageshack.us/img18/58311783.jpg/1/"><img src="https://img18.imageshack.us/img18/58311783.jpg/1/w782.png" border="0"></a>

<<--------------------------------------------------------------------->>

distance değişkeni sürekli olarak güncellenmektedir, bunu previewClickHandler ve nextClickHandler fonksiyonlarındaki second değişkeninin değiştirilmesi ile ( second--; veya second++; )alır. Aldığı değerle aslında thumbs dizisindeki index sayını değiştirmiş oluruz. container MovieClip'nin içersindeki lines
MovieClip'nin x koordinatından thumbs dizisinde index'sine sahip MovieClipnin x koordinatı cıkarılarak elde edilir. :D biraz zor göründüğünün farkındayım ama unutulmamalıdırki bu basit bir uygulamadır.

<<--------------------------------------------------------------------->>

Şuan bu uygulamanın video tutorial hazırlamakla uğraşıyorum tabi video tutorial da gelecek tepkilere vermeyi düşünüyorum. Yani en azından buradaki acıklamalarla bu uygulamayı yapanlar olursa video tutorial da sound eklmeyi ve sound kontrolünüde anlatacağım....