Home Flash Dersler Flash Resim Galerisi (Efektli)
Flash Resim Galerisi (Efektli)

Flash Resim Galerisi (Efektli)

156
47

Merhaba arkadaşlar

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.

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

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

ÇALIŞMAYI İNDİRMEK İÇİN TIKLAYIN

(156)

omerbozalan 1981 doğumluyum. Üniversite eğitimimi, Sakarya Ünv. Elektronik ve Bilgisayar Öğretmenliğini bitirerek tamamladım. Ayrıca C Sınıfı İş Sağlığı ve Güvenliği Uzmanıyım. 2014 Nisan ayında Adobe Dreamweaver CS6 Kitabımı yayınlayarak tüm bildiklerimi sizlerle paylaşmak istedim. Kendimi Web Tasarım, Grafik Tasarım, Donanım konusunda hâlâ geliştirmekteyim.

Yorum(47)

  1. çok mukemmel birşey hocam bunun videolu anlatimi yokmuu çok beğendim yapamk istiyorum aynisii

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

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

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

    1. Sagolasin kardesim hatayi buldum resimler biraz sönük cikmis gibi ama onlari büyütüp düzeltebilirim suradan bakabilirsin:

      Tesekkürler

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

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

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

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

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

  7. hocam çok güzel bir şey ben bunu sitemde uygulamak istiyorum ama olmadı nası yapmam gerek

  8. hocam bana bunabenzer bi tane galeri lazım ama ben bi resme tıkladığımızda o resmle igili resimler gelecek :9

  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

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

  10. ömer bey ben bu galeriyi düzenleyip siteme attım herşeyi eksiksiz yaptım ama sitede gözükmüyor

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

      1. ömer bey sizin tarif ettiğiniz gibi düzenledim resimler falan gözüküyor ama sunucuya atınca gostermıyor

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

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

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

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

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

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

  15. Ö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 ?

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

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

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

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

  18. Merhaba omer bey. sanırım dosya silinmiş , indirilen dosyalar boş çıkıyor . kontrol edebilirmisiniz

Yorum bırakın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Bu site, istenmeyenleri azaltmak için Akismet kullanıyor. Yorum verilerinizin nasıl işlendiği hakkında daha fazla bilgi edinin.