Forum
Aktif konular
Üyeler
Kurallar
Arama
Tahribat.com Forumları 
Grafik - Animasyon - Flash - 3D Modelleme 
Flash Ve XML Kullanılarak Foto Galeri Yapımı (Resimli Ders) Flash Ve XML Kullanılarak Foto Galeri Yapımı (Resimli Ders)
-
Selamlar...Bu dökümanda xml ve flash kullanarak galeri yapımını yazdım...
1 - Boş bir flash sahnesi acın ,
2 - "Insert > New Symbol" yapıp yeni bir movie clip açın, bu mc bizim fotoları ekrana bascak olan mc
(ben adını "gosterkec" yaptım (: siz ne isterseniz yazın)
3 - movieclipe elleşmeden ana sahneye dönüyoruz
4 - Yine "Insert > New Symbol" yapıp yeni bir movie clip açıyoruz ben adını onresimler koydum, bu mc de bizim küçük ön imajları (thumb diyede gecer) göstericek olan mc. movieclibe Rectangle Tool
kullanarak bir yatay cubuk ciziyoruz, burada önemli bir nokta var ; hazırlanan cubuk mc yi ortalamasın yani resimdeki noktanın sag caprazına gelsin cubuk 
6 - Daha sonra her iki mc yide sahneye alıyoruz
7 - resimlerinizin adlarınında görüntülenmesini isterseniz istege baglı olarak bir title cubugu atayabilirsiniz ; Text toola gelioruz ve resminizin adını uygun gostereceginiz bi yere textbar acıyoruz
etiketlendirmeyi diye gecen kutucuga giriyoruz
8 - Aynen yukarıda yaptıgımız gibi movie clipleride as kodlarında tanıtmak amacıyla etiketlendiriyoruz;
9 - Daha sonra layerımızın adını değiştirioruz;
10 - Kodlar icin ayri bir layer aciyoruz adına ben kodzz yazdım istediğinizi yazabilirsiniz.
11 - Layera kodları giriyoruz;
----------------------------------------
fotogaleri = new XML();
fotogaleri.ignoreWhite = true;
fotogaleri.onLoad = function(success) {
resimsayisi = this.firstChild.childNodes.length;
spacing = 70;
for (i=0; i this.picHolder = this.firstChild.childNodes[i];
this.thumbHolder = onresimler.createEmptyMovieClip("thumbnail"+i, i);
this.thumbHolder._x = i*spacing;
this.thumbLoader = this.thumbHolder.createEmptyMovieClip("thumbnail_image", 0);
this.thumbLoader.loadMovie(this.picHolder.attributes.thmb);
this.thumbHolder.title = this.picHolder.attributes.title;
this.thumbHolder.main = this.picHolder.attributes.main;
this.thumbHolder.onRelease = function() {
gosterkec.loadMovie(this.main);
baslik.text = this.title;
};
}
};
fotogaleri.load("xmlulan.xml");
-----------------------------------------bu yaptıgnmız flashı kaydedin bi klasore daha sonra kaydettiğiniz klasörün icine -fla nın bulundugu yere- 2 adet klasör acın birinin adı "resimler" diğerinide "onresimler" koyun....
Şimdi XML dosyamızı olusturmaya geldi...-----------------------------
<gallery>
<image title="resim aciklamasi 1" main="resimler/xxx.jpg" thmb="onresimler/xxx.jpg"/>
<image title="resim aciklamasi 2" main="resimler/xxxx.jpg" thmb="onresimler/xxxx.jpg"/>
</gallery>------------------------------
xmlde bulunan "title" flash dosyamzda olusturdugumuz dynamic text kutucuguna resim acıklamasını girer, "main" asıl resimlerin yolunu belirteceğimiz yer, "thmb" onimajların yolunu belirteceğimiz yer xml ile istediginiz gibi oynayabilirsiniz...
resimler klasörüne herhangi bir resim attıktan sonra, resimler klasorune attıgınız resmin kücük bi onizlemesini onresimlere atın sonrada xmle tanıtın sonrada fla dosyanızı acıp swf olarak publishleyin
Not:resimler onresimler klasorleri ve swa fla ve xml dosyalarınız aynı klasor icinde bulunsunBuyrunuz buda kaynak dosyası : http://www.box.net/shared/er47btko3l
edit: başlığa ders olduğu hakkında ekleme yapılmıştır. Çalışmalarına devam et illaki dikkat ve hassasiyetle izleyen ve yararlananlar olacaktır. Eline sağlık. (tgrlbb)
-
burdada örneği : http://four.fsphost.com/toprak/xmlphotogallery.html
-
tasarımla pek ilgili değilim ama hocam paylaşımın gerçekten çok iyi sağolasın.
-
xml den çekiyor yani resimleri değil mi ? o zaman xml den metinde çekebilir bu şekilde mümkünmüdür yada iframe wersek onuda çekebilirmyiz?
-
evet metinde cekersin...ayrı bir text dosyasından veya db den cekebilirsin
-
Eski bi konu boşuna bakmayın çalışmıyor
Kısayol
Şikayet
Özel Mesaj
Alıntı yap
Cevapla