Flash Resim Galerisi Yapımı(düzenleme) | Ömer BOZALAN
Home Flash Dersler Flash Resim Galerisi (Efektli)
Bildiğiniz gibi flash siteler günümüzde oldukça tercih edilen site türlerindendir.Nedenine gelince animasyonlar, efektler kullanıldığında siteyi daha görsel hale getiriyorlar. biz site olarak bir uygulama değilde ,sitenizde kullanabileceğiniz güzel bir flash galeriyi sizlere sunmak istedik. Bu flash galerimiz yazı efektleriyle ve resim efektleriyle sizler için çok güzel görsel şölen sunmaktadır. Eminim Bu galeriyi gördükten sonra hemen sitenizde uygulamak isteyeceksiniz.
Bu Uygulamada resimler xml tarafından images klasöründen çekilmektedir. Yani bilgisayarınıza indirdiğinzide sizi en çok uğraştıran kısım xml dosyalarının içerğini düzenlemek olacaktır. Ayrıca index.html dosyasıyla hiç uğraşmanıza gerek yok.
İsterseniz şimdi anlatıma geçeyim.
Dosyayı Rardan çıkarttığınızda, 4 klasör ve 6 adet dosya göreceksiniz. İmages klasörü resimlerin bulunduğu klasör olup photoshop ile düzenlediğiniz resimlerinizi bu klasörün içinde bulunan big( büyük resimlerin bulunduğu klasör), thumbs( küçük resimlerin bulunduğu klasör) klasörlerinin içine atıyorsunuz. Daha sonrasında ise big.xml dosyasını editör programı yardımıyla açarak düzenlemeye başlıyorsunuz.
(big.xml dosyası büyük resimlerle alakalı düzenlemenin olduğu dosyadır. ) dosyanın içeriği aşağıdaki gibidir.
<photo image=”images/big/101.jpg”> ( bu kısım big klasörünün içinde bulunan 101.jpg dosyasıdır)
<![CDATA[<head>Merhaba</head><body>Web Siteme Hosgediniz</body>]]></photo> ( bu kısım ise büyük resmin yanıdaki yazıdır)
<photo image=”images/big/102.jpg”>( bu kısım big klasörünün içinde bulunan 102.jpg dosyasıdır)
<![CDATA[<head>Bu uygulama</head><br><body>Bedavadır</body>]]></photo>( bu kısım ise büyük resmin yanıdaki yazıdır)
yukarıdaki kırmızı kısımlarda nereleri düzenleyebileceğiniz anlatılmaktadır. diğer düzenleyeceğimiz dosyamız ise thumbs.xml dosyasıdır.
(thumbs.xml dosyası büyük resimlerle alakalı düzenlemenin olduğu dosyadır. ) dosyanın içeriği aşağıdaki gibidir.
<photo image=”images/thumbs/101.jpg”>( bu kısım thumbs klasörünün içinde bulunan 102.jpg dosyasıdır)
<![CDATA[resim yazisi]]></photo>( bu kısım ise küçük resmin altındaki yanıdaki yazıdır)
<photo image=”images/thumbs/102.jpg”>( bu kısım thumbs klasörünün içinde bulunan 102.jpg dosyasıdır)
<![CDATA[resim yazis]]></photo>( bu kısım ise küçük resmin altındaki yanıdaki yazıdır)
Yukarıdaki düzenlemeleri yaptığınızda işlem tamam. Kolay gelsin. Herhangi bir sorunuzda yorum kısmında iletişime geçiniz.
Anlatım :Ömer BOZALAN
ÇALIŞMAYI GÖRÜNTÜLEMEK İÇİN TIKLAYIN
tags: flash fotoğraf galerisi flash xml galeri düzenleme videolu anlatım
previous Animasyonlu Portfölyo Sitesi
next Facebook Tarzı Scrollbar Yapımı
çok mukemmel birşey hocam bunun videolu anlatimi yokmuu çok beğendim yapamk istiyorum aynisii
bayram yukarıda anlattıklarımı uygularsan zaten yaparsın
29 Temmuz 2012, 12:59
hocam gerçekten çook faydalı bilgiler sunmuşunuz..
sizi tebrik ediyorum..bende 2 sıkıntı çözemedim siz yardım ederseniz çok sevinirim..
Flash Resim Galerisi (Efektli) bunda türkçe karakter kullanamıyorum birde sol tarafta çıkan flaschxml yazısını iptal etme durumumuz varmı…çok teşekkür ederim
29 Temmuz 2012, 13:39
cabir arkadaşım bu uygulama flashxml sitesinin bir uygulaması. elimizde fla dosyası bulunmadığından o sol tarafta çıkan yazıyı yok edemiyoruz. Yazı tiplerine egelince
assets/css/style.css dosyalarından düzenleyebilirsiniz. Eğer ordan da olmuyorsa. swf dosyasının içinde tanımlanmış olabilir. Ama yazı olmasın diyorsanız söylediğim gibi css/style.css dosyasındaki yazı tipini değiştirebilirsiniz.
29 Temmuz 2012, 13:59
ÇOOK SAĞOL HOCAM …GERÇEKTEN BİLGİ PAYLAŞMAK HERKESİN HAKKI DEĞİL..
12 Ağustos 2012, 03:53
Ömer kardesim ben dediklerinin hepsini yaptim ama ben bunlari bir divin icerisinde goruntulemek istiyorum, big.xml’i de degistirdim sonra scriptleri de head’in altina yerlestirdim index.html’e baktim ve kaynak’tan divin icine neler girdigini gördüm aynen kopyalayip yapistirdim yalniz get adobe flash yazisi cikiyo benim flash en son sürüm olmasina ragmen bir fikrin varmi kardesim? Hakkini helal et cok tesekkürler
12 Ağustos 2012, 04:30
çalışmanı göndermezsen burdan bişeyler diyemem malesef. omerbozalan@hotmail.com adresine atarsan bakabilirim.
12 Ağustos 2012, 05:17
Sagolasin kardesim hatayi buldum resimler biraz sönük cikmis gibi ama onlari büyütüp düzeltebilirim suradan bakabilirsin:
12 Ağustos 2012, 16:26
mehmet arkdaşım resim çözünürlükleri çok iyi olmalı. o yüzden güzel gözükmüyor. biraz daha kaliteli resimler koyarsan saha güzel olacaktır.
14 Ağustos 2012, 03:33
hocam musadenızle reklam olacak ama,
yüksek çözünürlüklü kaliteli harika resim-fotograf çeşitleri için: sxc . hu adresinden kaynak bulabilirsiniz.. içerikler için üye olmanız yeterli.
galerinin solüst köşesindeki reklamdan kurtulma ihtimalimiz var mı peki?
14 Ağustos 2012, 20:02
malesef şimdilik bir çözüm bulunamamıştır,Ahmet.
23 Eylül 2012, 00:03
hocam yükledim ama hala gözükmüyor nerde hata yapıyorum acaba
23 Eylül 2012, 12:44
facebook beğen sayfamızdan bana gönderirsen bakabilirim .
14 Aralık 2012, 00:13
barış ben yukarıda nasıl değiştirileceğini anlattım dikkatli okursa görebilirsin. Dreamweaver derslerini iyi izle . sitemizde dersler bulunmaktadır. kolay gelsin.
Merhaba hocam ben bir flash websitesi yapıyorum ve makale bölümünde takıldım xml ile dışardaki veriye ulaşmak istiyorum acaba küçük bir projeyi size göndersem bana yardımcı olabilirmisiniz efendim emeğinize sağlık paylaşmak güzeldir şimdiden çok saolun
29 Aralık 2012, 23:25
Bahattin bey , özür dileyerek başlıyorum … Ben sadece kendi projelerime destek veriyorum. Dışarılardaki projeler benim için vakit kaybına neden oluyor. Projeyi anlamak var, birde projeyi yapmak var. Bunların dışında sizinle de iyi şekilde iletişim halinde olmamız gerekiyor. Yani sizin açınızdan belki basit görülebilir ama benim açımdan bu zor. Siteyi yaklaşık 850 kişi ziyaret ediyor ve e-mailime günde en az 3-4 tane yardım mesajları geliyor. İnşallah beni anlamışsınızdır. Teşekkür ederim.
26 Mayıs 2013, 21:35
hocam çok güzel bir şey ben bunu sitemde uygulamak istiyorum ama olmadı nası yapmam gerek
26 Mayıs 2013, 22:17
Mihriban arkadaşım bu sayfayı ayrı bir sayfa yapacaksın yani galeri.html gibi sonra bu sayfaya link vereceksin o kadar.
30 Mayıs 2013, 23:18
olmadı hocam yada ben yapamadım ödev yapıyordum site ona uygulamayı istemiştim
01 Ekim 2013, 19:15
hocam bana bunabenzer bi tane galeri lazım ama ben bi resme tıkladığımızda o resmle igili resimler gelecek :9
ömer abi bu flash çok hoş fakat ben bunun resimlerini değiştirip düzenledim ve drimvivırda galeri sekmesine koydum yani ana sayfa butonlarının logonun falan tam altında ama ben bunu her açılan bilgisayarın ekran çözünürlüğüne göre sağa ve sola sonuna kadar yaymak istiyorum yani benim bilgisayarımın ekran genişliği 1366 başka bi bilgisayarın 1280 sağında solunda hiç boşluk olmasın istiyorum ama taşmasınıda istemiyorum bana bu konuda yardımcı olursan çok memnun olucam
Malesef istediğin bu flash çalışmasında olmaz. Kendi sitene eklediğin için olmayacaktır. Bu flash çalışması zaten söyledğin biçimde çalışıyor. Ama kendi sayfana eklersen istediğin şekilde olmaz.
08 Aralık 2013, 09:14
ömer bey ben bu galeriyi düzenleyip siteme attım herşeyi eksiksiz yaptım ama sitede gözükmüyor
08 Aralık 2013, 09:36
aykut bey verdiğim dosyayı direk sunucuya atıp öyle bir deneyin. Çünkü benim sunucuda çalışıyor. Zaten yukarıda çalışmayı görmek için tıklayın linkine tıklayarak görebilirsin.
08 Aralık 2013, 17:37
ömer bey sizin tarif ettiğiniz gibi düzenledim resimler falan gözüküyor ama sunucuya atınca gostermıyor
29 Ocak 2014, 18:47
ömer bey öncelikle emeğineze elinize sağlık cok güzel şeyler yapıyorsunuz.
ben bu flash galeriye bi müzik eklemek istiyorum bunu nasıl yapabilirim bu konuda yardımcı olabilirmisiniz bana
29 Ocak 2014, 20:01
Ahmet BeyDreamweaver yada herhangi bir editör programıyla html sayfayı açıp içine aşağıdaki kodu ekleyip, tabi sen müziğini de o klasörün içine atıyorsun. Kodda yer alana muzik.mp3 yerine kendi müzik adını yazıyorsun. İsminde boşluk ve türkçe karakter bulundurmayaya dikkat et. kod body ile body arasında olacak. Kolay gelsin.
< bgsound src="muzik.mp3" >
29 Ocak 2014, 21:55
ömer bey bu kod yanlış olmuyor denedim kontrol edip tekrar yazarmısınız rica etsem
29 Ocak 2014, 22:33
Aykut bey, kod yanlış değil malesef. internette de aratsanız bu şekilde verecektir.
30 Ocak 2014, 22:52
Peki ömer bey rica etsem tarif edermisiniz yapmam gerekeni kodu boddy etiketleri arasına yapıştırdım müziğin adını da ordakiyle aynı yaptım ama çalmıyor sayfayı acınca
Aykut arkadaşım, browserlara göre değişebilir. Kodu tam buraya yazamıyorum. mesaj bölümü olduğundan kabul etmiyor burası. Facebook grubumuza üye olup bana oradan msj atarsan sana kodu gönderebilirim.
bu flaş galeriyi siteye attığımızda resimlerin belli bi süre sonra otomatik olarak slayt gibi geçmesini sağlamak için ne yapmamız gerek
31 Ocak 2014, 19:21
malesef istediğiniz gibi yapamıyoruz özlem hanım.
Cuneyt Topçuoğlu dedi ki:
08 Haziran 2014, 16:41
teşekkür ederiz çok güzel bir uygulama olmuş.
yalnız 15 den fazla resim ekleyemedim.
daha fazla resim ekleyebilmenin bir yolu varmı yardımcı olursanız sevinirim.
08 Haziran 2014, 21:45
Cüneyt dediğin gibi maksimum bu kadar resim ekleniyor. Yapacak birşey yok malesef.
05 Aralık 2014, 13:03
Ömer Bey galeri çok gerçekten çok güzel. Şu an sitem için bir galeri arıyorum,ürün kodu girdiğinde direk o ürüne gitmesi gerekiyor. Bu galeriye dediğim fonksiyonu nasıl yapabiliriz bir fikriniz var mı? Veya böyle bir galeri var mı biliyor musunuz ?
Ahmet bey, istediğiniz sistem ancak yazılımla olur. Bu tasarıma veri tabanı eklenmesi gerekiyor.
ömer bey merhaba şimdi bu galeriyi wep siteme eklediğimde saydaki fotolar cok büyük olup tamamı gözükmüyor fotoğraf boyutu küçültüyorum ama sayfada küçülmüyor bu ayarlamayı nasıl yapabilirim
19 Eylül 2015, 11:45
Aykut arkadaşım flash çalışmalarda bu sorun her zaman oluyor. Şu anki galeride kullanılan resimlerin boyutlarına göre resim koymayı dene. Aslında öyle yapmanda gerekiyor. Çünkü resimlerin en ve boy oranı önemli. Yapman gereken şu… Buradaki galerideki resim boyutunu öğrenip ( bunu resimlerin üstüne tıklayarak ta öğrenebilirsin) sonra kendi resimlerini bu resimlerin boyutlarına göre ayarlaman gerekiyor. Sitenin adresini de gönderirsen bende nasıl olmuş bakabilirim. Kolay gelsin.
dediniz şekil yaptım zaten ömer bey ama olmadı ondan sonra size yazdım baya uğraştım
Sitenin adresini bana gönderirsen bende tam olarak ne demek istediğini anlayabilirim.Bekliyorum.
ömer bey siteyi kapattım bazı düzenlemeler yapmak için anlatmak istediğim şu bi fotoğraf attığımda sayfaya girdimizde sayfada fotoğrafın tamamının gözükmesi aşağı yukarı yapmadan
Şimdi anladım. Aykut arkadaşın bu çalışmanın .fla dosyası yok. Yani yazılımsal olarak dosyanın düzenlenebilmesi için flash çalışmanın çalışma dosyası yok. SWF dosya ile bu söylediklerin malesef yapılamaz. Bu tür çalışmalarda yapacağın tek şey xml dosyalarının içeriğini değiştirmek. Buda resimleri ve bazı efektlerin hızını değiştirmek olacaktır. Malesef böyle olduğundan beni aşan bir konu.
19 Eylül 2015, 12:06
anladım ömer bey ilginize çok tşk ederim çk saolun
Merhaba omer bey. sanırım dosya silinmiş , indirilen dosyalar boş çıkıyor . kontrol edebilirmisiniz
Sonucu Giriniz * Time limit is exhausted. Please reload CAPTCHA. 7 − = üç
ücretsiz mobil temalar ücretsiz temalar html5 temalar Ücretsiz responsive tema indir flash ile web sayfa yapımı html5 html5 dersleri flash görüntülü dersler JQuery ücretsiz html5 temalar css ücretsiz responsive temalar ücretsiz html temalar CSS3 ücretsiz responsive tema asp ile web site yapımı ücretsiz web site temaları ücretsiz wordpress temaları flash web dersleri ücretsiz wordpress temalar html5 tek sayfa web sayfa yapımı flash dersleri JQuery slider