Flash XML Photo Galeri
Flash çalışmamızda fotoğraf galerisi hazırlayacağız slideshow galeri uygulamalarımızdan farklı olarak XML üzerinden resimlerimizi çağırmamız olacaktır. Çalışmamızda kullanacağımız resimleri hazırlayalım hazırladığımız resimlere uygun çalışma sayfası açalım benim tercihim 476×550 pixels oldu.
1-Çalışmaya buton hazırlayarak başlayalım kendinize göre buton hazırlayabilirsiniz ben photoshop ile kendi butonumu hazırladım flash içine import ettim sahnede resim seçili F8 graphic yapalım name Symbol 1 olarak kalabilir Symbol 1 seçili F8 movie clip yapalım name Symbol 2_mc olsun Button içine girelim up konumunda aynen kalsın over konumunda properties fitler drop shadow uygulayalım.
Down konumunda drop shadow blur 5 değerini 2 distance 5 değerini 2 yapalım. Hit konumu up ile aynı kalabilir.
2-İki buton kullanacağımız için kütüphanedeki butonu duplicate kopya yapalım name but sağ olsun yeni buton içine girelim free transform ile up-over-down-hit konumlarında çevirelim amacımız drop efektini aynı konuma getirmek.
3-Scene1 sahnemize gelelim çalışmada görülen arka fon photoshop ile hazırlandı isteğinize göre uygulama yapabilir hiçbir şey eklemeden sadece renk verebilirsiniz bu kısım size kalsın. Layer1 adını bg yapalım resmi ekliyoruz aling panelden sahneye ortalayalım.
4-Yeni layer ekleyelim adını sol buton yapalım kütüphaneden sol-but alarak ekleyelim sahnede buton seçili instance name kısmına geri_btn yazalım buton üzerinde actions paneli açalım ekli kodu ekleyelim.
on (release)
{
My_SlideNumber = My_SlideNumber - 1;
showPhoto(My_SlideNumber);
}
5-Yeni layer ekleyelim layer adı sağ buton olsun kütüphaneden sağ-but alarak ekleyelim buton seçili instance name kısmına ileri_btn yazalım buton üzerinde actions paneli açalım ekli kodu ekleyelim.
on (release)
{
My_SlideNumber = My_SlideNumber + 1;
showPhoto(My_SlideNumber);
}
6-Yeni layer ekleyelim layer adı klip olsun Insert New Symbol yeni clip yapalım name klip olsun kütüphanede boş bir klipimiz oldu boş klipi kütüphaneden alalım klip layerimize ekleyelim buradaki dikkat etmemiz gereken kısım merkez noktası sol üst köşe olsun resimlerimizin sahnedeki yerini bu nokta doğrusunda ayarlayacağız.
7-Yeni layer ekleyelim layer adı text logo olsun yazı yazalım.
8-Yeni layer ekleyelim layer adı action olsun F9 actions paneli açalım ekli kodu ekleyelim.
function loadPhotoXml(filename)
{
PhotoXml.load(filename);
PhotoXml.onLoad = function (success)
{
if (success)
{
My_SlideNumber = 0;
My_ParentNode = this.firstChild;
My_TotalSlides = My_ParentNode.childNodes.length;
showPhoto(My_SlideNumber);
} // end if
};
} // End of the function
function showPhoto(PhotoNum)
{
if (PhotoNum == My_TotalSlides - 1)
{
ileri_btn.enabled = false;
}
else
{
ileri_btn.enabled = true;
} // end else if
if (PhotoNum == 0)
{
geri_btn.enabled = false;
}
else
{
geri_btn.enabled = true;
} // end else if
var _loc3 = My_ParentNode.childNodes[PhotoNum].attributes.filename;
var _loc4 = My_ParentNode.childNodes[PhotoNum].attributes.resim;
klip_mc.loadMovie("photo/" + _loc3);
title_text.text = _loc4;
klip_mc._alpha = 0;
this.onEnterFrame = function ()
{
if (klip_mc._alpha < 100)
{
klip_mc._alpha = klip_mc._alpha + 3;
} // end if
};
} // End of the function
var My_SlideNumber;
var My_TotalSlides;
var My_ParentNode;
var PhotoXml = new XML();
PhotoXml.ignoreWhite = true;
loadPhotoXml("photo.xml");
9-Yeni layer ekleyelim layer adı title olsun buton layerleri üzereni alalım Dynamic text çerçeve oluşturalım instance name kısmına title_text yazalım
10-Çalışmamızı tamamladık şimdi XML dosyası hazırlayalım not defteri veya Notepad ile yapabiliriz hazırlanışını ekli dosya içinde bulabilirsiniz. Kayıt ederken photo adı ile kayıt edelim .
11- Resimlerimizi photo isimli klasör içine ekleyelim XML dosyası Photo klasörü flash Swf aynı klasör içinde yer alacak.
Çalışmamız sonlandı artık deneyebiliriz.
Çalışmayı izle
FLA İndir
Elinize sağlık çok şeker olmuş hocam birşey sorucam ben fla sını indirdim ama resimler çıkmıyor flash cs3 de açtım bu xml dediğiniz ne dir sizden ögrenebilirmiyim teşekkürler
Resimlerin çıkmaması photo.xml dosyasını eklemeyi unutmuşum gerekli düzenlemeyi yaptım tekrar indirin. XML resimlerin galeriye çağrıldığı dosyadır.
hocam bu doyayı flash cs3 e nasıl eklicem teşekkürler
verdiğim dosya flash ile açılmaz XML içine gir not defteri ile açıp incele şimdi bir klasör içinde (flash swf,XML,resimlerin olduğu photo) klasörünü yerleştir o zaman çalıştığını anlarsın
Hocam elinize sağlık gerçekten de çok güzel olmuş
Benim bir sorum var ama.
Ben bu açılan resimlere aynı zamanda link vermek istiyorum.
XML üzerinde mi değişiklik yapacağız yokda scriptler üzerinde mi?
Yardım ederseniz beni çok mutlu ederseniz.
Mail adresim: ihscoskun@hotmail.com
XML Üzerinden verebilirsiniz
Xml inin içerisindeki
satırın açıklamalar kısmını çıkarıp yerine url ekliyorum ama olmuyor
Örneklerseniz hem ben konuyu anlamış olacağım hemde sevap kazancaksınız
Belki bundan sonra bende başka birine yardım edebilirim .)
Teşekkürler şimdiden…
Bir başka çalışma için kullandığım XML inceleyebilirsiniz. Buradan indirin.
Teşekkürler zahmetin için ama xml üzerinde değişiklik yapınca link vermiyor ne yazık ki ….
Ben buradaki galerinin resim açıklama kısmına zaten linkleri yazdım ama istiyorum ki; ya resime ya da açıklamaya tıklayınca istediğim linke gitsin ve her açıklama için ayrı bir link atayabileyim…
Sanırım bu sorun xml den değil de scriptlerden çözülecek..
Siteye baktım ama bana gönderdiğin XML in olduğu örnek galeriyi bulamadım! İsterdim ki fla sındaki scriptleri de inceleyebileyim…
Mümkünse Fla dosyasını da atabilir misin?
Ben size örnek XML verdim tabiki script içinde ona göre yönlendirme gerekmekte birinde sadece resim import ediyorsunuz diğerinde hem resim ve link oluyor verdiğim örnek galeri uygulaması sitede ekli değildir.
MERHABALR BENIM BIR SORUM OLACAK ELIMDE HAZIR FLASH XML RESIM GALERISI VAR BEN BUNU SITEMDEKI BUTONA TIKLADIGIMDAA RESIM GALERISI BASKA SAYFADA ACILSIN ISTIYORUM BIR TURLU YAPAMADIMM BANA YARDIMCI OLURMUSUNUZZ CEVAPLARINIZI BEKLIYORUMM
Resim galerisi SWF html sayfaya yerleştirin sayfa.html olarak düşünelim açmak istediğiniz butona ekleyeceğiniz link yolunu getURL(“http://www.photoders.com/sayfa.html”,”_blank”);
verirseniz ayrı pencerede açılır
Hocam teşekkür ederim. Ben size birşey sormak istiyorum. şimdi ben bir flash web sitesi tasarladım ve bu siteyi free bir hosta yüklemek istiyorum. Bu free host upload sınırını 500kb olarak belirlemiş fakat ben hazırladığım siteye 3 resim eklediğimde swf nin boyutu 1.2mb ı geçiyor. Şİmdi ben bu hazırladığım web sitesinde istediğim yerlere resim koyabilirmiyim koyabilirsem de nasıl koyabilirim ?? Xml’in bu konuda bana yardımcı olabileceğini duydum fakat pek te emin değilim. yardım ederseniz sevinirm. şimdiden teşekkür ettim
Flash web site hazırlayıp yüklediysen buna ek olarak resimler veya flash galeriyide flash site içinde oluşturduğunda zaten senin belirtiğin limiti kesinlikle doldurur bence küçük bir host hizemeti alsan daha uygun sonuç itibari ile çok pahalı olmaz en azından rahat,rahat yaptığın çalışmayı görebilirsin host almak istersen yıllık 30+kdv linux paket alır domainde aldığın varsayarsak tahmini senelik 50 ytl olur 50MB alanın olur sağlam firma konusunda yardımcı olurum.
yok yok sayın adminim host alanım 500kb değil. hosta 1 seferde yükleyebileceğim dosya boyutu max 500kb yoksa free hostun boyutu 2 gb. bakın hazırladığım web sitesi
http://cagribarut.awardspace.us/
burdaki boş yerlere resimleri dahil etmek istiyorum. am direk swf ye import ettiğimde bu swfnin boyutu yükseliyor. Sıkıntım burda benim.
İnş. tarif edebilmişimdir.
Siten açılmadı epey bekledim açılmadığı için bir yorum yapamıyorum fakat yapacak bir şey yok Fakat benim önerim en doğru olanı bu gibi sıkıntı yaşamayabilirsin.
Siteni inceledim dediğin yerlere resim ekleyebilirsin ama uzun uzadıya galeri yapsan yükleyemezsin ama dediğin küçük yerlere resim ekle olur fazla yer tutmaz
Hocam Merhabalar.Elinize sağlık gayet güzel ve hoş olmuş.Yanlız benim ufak bir sorunum oldu bu scripte. Ben bunu kendi siteme entegre ettim.Fakat fotoğraların kalitesinde genel bir sorun var. çözemedim bir türlü.Fotoğrafların kaliteleri kötü çıkıyor. Fakat normalde görsellerin kalitesi oldukça iyi.
script ile alakalı olmaz resimlerim px değerleri ile alakalıdır benim örnek çalışmamda resimlerde sorun olmadığını çalışmayı izleden inceleyebilirsiniz.
Hocam merhabalar,
)) Butonlarım güzel çalışıyor,döküman ismi de altında çıkıyor ama aşağıdaki linke bakarsanız resimler yatay çizgilere dönüştü 
))
Sorunumu direk izah edeyim; tarif ettiğiniz şekilde yaptım, hatta olmadı sizin fla üzerinden dökümanları değiştirip yaptım. Sonunda çalıştı ancak resimler bi enteresan hal aldı
http://img138.imageshack.us/img138/6396/sugalerifoto.jpg
acaba çözünürlük sorunu mu dedim, hepsi 72 dpi RGB modunda. sizce sorun nedir?
Bir hata yapıyor olmalısınız sorunu daha iyi anlayabilmeniz için Ekli dosyayı full olarak değiştim tekrar indirip inceleyin.
Koay gelsin, bir xml template düzenliyorum fakat ne denediysem kendi içeriğinin dışında bir flash galeriyi dışardan çağırmasını sağlayamadım. Son olarak sizin bu anlatımınız üzerinde çalışacaktım fakat dosya indirimi hata veriyor. Yenilerseniz sevinirim.
Dosyayı indirebilirsiniz düzeltme yapıldı.
bu xml dosyasından bişey anlamad9ım ben bi site üzerinde çalışıyorum
saf flaş yaptım bana ürünler sayfası lazımdı bü yüzden bi photo galeri yaptım xml olarak tabii swf halini flasımın içine gömüyorum çok güzel yerine bırakıyorum ama başka bi sayfaya geçince üstte kalıyor ve kaybolmuyor as2 kullanıyorum ve başka bi kod üzerinden denedim bu sefer bi nevi _root denedim bu seferde istediğim gibi oluyor ama her tıkladığımda farklı resime geçmesi yerine yyerinde sayıyor tüm dosyalarım xml fla swf hepsi aynı klasörde lüftfen bi çare lazım yardımcı olursanız sevinirim
çare bulunamadı
geturl yaptık böle devam etcez photo galerim baska sayfada açılınca daha güzel gözüküyor:D
Çalışmayı izle üzerinden çalışmanın sorunsuz çalıştığını görebilirsiniz. Dikkat etmeniz gereken ekli dosya içinde gerekli resim xml dosyasını bulabilirsiniz eğer’ki yükleme yaptığınız dizinde farklı konumda çalışmasını isterseniz “loadPhotoXml(“photo.xml”);”dosyayı çağıracağınız yeri düzenleyebilirsiniz.Buradaki örnek aynı klasör içinde (swf.photo klasörü,Flash_XML_Photo_Galeri-1.html,photo.xml) şeklinde çalışmaktadır.
üstad bu xml den çağırdığımız resimlerin otomatik değişmesi için hangi kodu eklememiz gerekiyor? butonlar gene çalışsın fakat butonlara tıklanmasa da slideshow gibi geçmesi için?
çağrı kardeşim sitenizi inceledim sitenizdeki swf içine haricten resim çekmek istiyorsunuz herhalde bunu kodsuz olarak loader komponentini kullanarak yapabilirsiniz…
benim sorumsa şu yadımcı olabilecek varsa acil çok teşekkür ediyorum şimdiden sorum xml ile çekilmiş yazıya yine xml ile link vermek nasıl mümkün acaba…
Yorum Yazın
Photoders Hakkında
Rastgele Yazılar
Son Yorumlar
Etiketler
3D Advanced Animasyon Animation Balans Efekt Bir Objenin Yansıması Bir Resim Efekti buttons Calculator Chrome Text Colors Photoshop Tutorial cursor dancer dans day Dynamic Efekt Efekti Effect etiket fire Flash dalga effect Flash Dalga Effect-1 Flash Motion Guide Flash Resim (images) Animasyon Flash Resim Albüm Hazırlama flash site yapımı Foto manipilasyon Teknikleri Fotoğraf Gezegen Header Icon iletişim formu images_effect Kabarcık (Bubble) Brushes kontrol Lazer Liquify tool Logo Love smiley Manipulasyon manzarada renk değişimi menü Model Mouse Photo Photoders Text Efekt Photoders toolbar Photo Effect (Resim Efekti) Photo Keskinlik Efekti Photoshop Brushes Photoshop değişik bir çalışma Photoshop ile ilginç çalışma Photoshop resim çalışması Photoshop Tutorials Photo Tutorial Plazma Tv Powerful Preloader Renk Değişimleri Resim (images) effect Resim Balans Uygulamaları (Levels) Resim Efekti Ses Silüet (Silhouettes) Brushes Sis (Fog) Effect Tutorial Sound Stars Tutorials Sıra Dışı photo Border Efekti Text efekt tutorials Text Yansıma ve Gölge Efekti Wallpaper starbrust effect Web Logo Yağmur (Rain) Effect Yıldız (Star) Photo EffectBağlantılar
Son Yazılar
En Çok Yorumlananlar
Tavsiye Siteler