?> Rotate Show Resim Galeri - photoders
Site » Flash Gallery

Rotate Show Resim Galeri

[ 18 Mar 2008 | 21 Yorum ]

photodersFlash çalışmamızda rotate resim galerisi yapacağız.

 ilk olarak 8 adet resim hazırlayacağız büyük resimler 275×275 px olacak her resim için vereceğimiz isim image_0 dan başalyarak image_7 kadar isimler verilecek. Küçük resimler 50×50 px isim thumb_0 ve thumb_7 kadar olacak. Resimleri hazırladıktan import edelim kütüphaneye aldıktan sonra çalışma sayfamızı açalım 500x500px olsun color size kalmış ##003333 uygulanan renk kütüphanede 2 adet klasör açalım büyük resimleri images adını verdiğimiz klasör içine alalım
Büyük resimleri kütüphaneden tek tek alarak movie klip yapalım name kısmına image0 dan image7 kadar isim verelim örnek
null
Küçük resimleri kütüphaneden tek tek alarak klip yapalım örnek
null
Oval tool aracı ile dış çizgisi olmayan bir daire çizelim color #666666 daire capı 315×315 px
null
Dairemiz seçii movie klip yapalım F8 name BG olsun
null
BG klipin içine girelim üzerinde tıklarsak gireriz layer adı BG1 yeni layer ekleyelim BG2 olsun oval tool aracı ilecolor #999999 daire çizelim 290×290 olsun
null
Sahnedeki klipimiz seçili durumda F8 movie klip yapalım name gallery olsun tılayalım gallery klip içine girelim ilk layer adı BG olsun yeni bir layer ekleyelim layer adı images olsun kütüphaneden image0 isimli resim klipini alalım 1 frameye ekleyelim yeni bir layer ekleyelim layer adı mask olsun images layer üzerine gelelim eklediğimiz resim klip seçili durumda F8 movie klip yapalım name imageHolder yazalım image layerdeki resmi delete silelim kütüphaneden imageHolder adlı kilipi ekleyelim images layerde bu işlem sonrası instance name kısmına imageHolder yazalım. Mask layer 1 framesine gelelim oval tool aracı ile bir daire oluşturalım dış çizgisi olmayan daire olsun büyük resimlerin ölçüsünde olsun 275×275 px
null
Maks layer üzerinde sağ klik mask uygulayalım yeni layer ekleyelim laye adını daire yazalım. Oval tool aracı ile içi boş bir daire çizelim çizgi kalınlığı 1 px olsun
null
Guide klipimizin içine girelim 8 adet resmi eşit aralıklarla eklemek için çizgileri hazırlayalım. Yeni bir layer ekleyelim Line tool aracı ile çizgi çizelim çizgimizi kopyalayalım yeni layer ekleyelim paste edelim şimdi resimdeki transform kısmındaki rotate kısmına 90 yazalım işaretli pencereye apply transform seçeneğine tıklayın bu şeklide her yeni layer yaptığımız pasteyi acılara göre ayarlayın
null
Küçük resimleri klip yapmıştık şimdi thumb0 isimli klipin içine girelim ilk layer bg olsun yeni llayer ekleyelim layer adı mask olsun oval tool aracı ile daire çizelim resim büyüklüğünde olsun 50×50 px mask dairemizi seçil durumda movie klip yapalım name kısmına humbMask yazalım diğer thumb0 dan thumb7 kadar yapacağımız kliplerde kullanacağız
null
Yeni bir layer daha ekleyelim layer adını BG yazalım oval tool aracı ile daire çizelim color #993333 olsun 76×76 px olsun seçil durumda movie klip yapalım name kısmına thumbBG yazalım bu layerimizi en alt kısma taşıyalım mask layerimiz üzerinde mask uygulayalım
null
örnek olarak thumb0 klipi hazırladık kütüphanedeki diğer thumb1 ve diğer klipleri aynı şekilde yapalım mask klip kütüphanede mevcut thumbBG klipimiz hazır klip yaparken alarak diğer thumb1 klipimizi ve diğer thumb7 kadar olanları tek tek yapalım
Tekrar gallery klipimiz içine girelim en üst daire layer üzerine tekrar layer ekleyelim layer adı thumbs olsun sahnedeki çizgilerin üzerine hazırladığımız thumb0 klipinden başlayarak sıra ile yerleştirelim
null
Sahnede tüm klipler ekli seçili durumda movie klip yapalım name thumbHolder olsun thumbHolder klipin içine girelim sıra ile eklediğimiz thumb0 dan başlayarak thumb7 kadar sıra ile instance name kısmına klip isimlerini ekleyelim
null
Gallery klipin içine girelim daire olarak hazırlamamızda kolaylık olsun diye eklediğimiz daire layeri silelim tumbs layer seçil instance name kismina thumbHolder yazalım.
imageHolder isimli klipin içine girelim framedeki resmi delete silelim.
Scene1 sahnemize gelelim sahnedeki klipin olduğu layer adını gallery yapalım klip seçili instance name kısmına gallery yazalım. Farme date 30 yapalım biraz hızlı olsun.
Yeni layer ekleyelim layer adı
script olsun 1 frameye verdiğim kodları ekleyelim.

stop();
positions = [];
imageTotal = 8;
pauseGallery = false;
var current:MovieClip;
for (var i = 0; i var t = gallery.thumbHolder["thumb"+i];
t.image = "image"+i;
t.onPress = function() {
removeMovieClip(current);
current = gallery.imageHolder.attachMovie(this.image, this.image, i);
pauseGallery = false;
};
t.onRollOver = function() {
pauseGallery = true;
};
t.onRollOut = function() {
pauseGallery = false;
};
}
current = gallery.imageHolder.attachMovie("image0", "image0", 1000);
this.onEnterFrame = function() {
if (!pauseGallery) {
for (var j = 0; j gallery.thumbHolder["thumb"+j]._rotation -= 0.5;
}
gallery.thumbHolder._rotation += 0.5;
}
};

Çalışmamızı test edebiliriz verilen emeğin karşılığı yorum ve fikirlerinizi yazmayı unutmayın

CTRL+ENTER
FLA Flash CS3 İndir
FLA Flash8 İndir

Etiket:

21 Yorum »

  • Allef diyor'ki:
    15 Nis 2008 saat 00:23

    çok güzel olmuş saol

  • admin (author) diyor'ki:
    15 Nis 2008 saat 03:14

    sağolasın kolay gelsin

  • snowman_8 diyor'ki:
    21 Tem 2008 saat 12:31

    paylasımlar süper elinize saglık

  • elzeren52 diyor'ki:
    10 Kas 2008 saat 16:31

    ben yaptım çalışmadı emeğim boşa gitti….

  • admin (author) diyor'ki:
    10 Kas 2008 saat 16:59

    Ekli Fla indirip inceleyin gerekir ise bire bir uygulama yaparak deneyin

  • elzeren52 diyor'ki:
    11 Kas 2008 saat 12:22

    bire bir uyguladım ama verdiğiniz yapılışta bir eksik var galiba…
    isterseniz bir daha gözden geçirin

  • admin (author) diyor'ki:
    11 Kas 2008 saat 14:01

    Fla indirdim bire, bir uyguladım hata oluyor diye belirtmişsiniz bu mümkün değil zaten olsa burada ekli swf çalışmazdı hata yapıyorsunuz diyebilirim ekli fla dosyasını açtığınızda test edin ctrl+enter swf olarak çalışıyor olmalı açılıyorsa sorun yok sizin kendi çalışmanızı yaparken eksik yapıyorsunuz demektir. kısa bilgiler vereyim instance name kısımlarına gerekli isimleri yazın yoksa çalışmaz her küçük resim için movie klip instance name kısımlarına isimleri tek tek seçili durumda yazın örneğin thumb0,thumb1 şekilde ders içinde anlatılımıştır

  • djtur diyor'ki:
    05 Nis 2009 saat 22:11

    **Error** Scene=Scene 1, layer=script, frame=1:Line 6: ‘;’ expected
    for (var i = 0; i var t = gallery.thumbHolder["thumb"+i];

    **Error** Scene=Scene 1, layer=script, frame=1:Line 7: ‘)’ expected
    t.image = “image”+i;

    **Error** Scene=Scene 1, layer=script, frame=1:Line 19: Unexpected ‘}’ encountered
    }

    Total ActionScript Errors: 3 Reported Errors: 3

    şeklinde hata veriyor.lütfen yardım

  • admin (author) diyor'ki:
    05 Nis 2009 saat 22:26

    djtur ekli Fla dosyasını indirip inceleyebilirsiniz işlem sırasında hata yapıyorsunuz dosyayı indirip inceleyebilirsiniz. İndireceğiniz dosya Flash C3 ile hazırlanmıştır. ayrıca Flash 8 versiyon kullananlar için yeniden FLA hazırlanarak eklendi.

  • djtur diyor'ki:
    06 Nis 2009 saat 23:45

    admin :djtur ekli Fla dosyasını indirip inceleyebilirsiniz işlem sırasında hata yapıyorsunuz dosyayı indirip inceleyebilirsiniz. İndireceğiniz dosya Flash C3 ile hazırlanmıştır. ayrıca Flash 8 versiyon kullananlar için yeniden FLA hazırlanarak eklendi.

    Acaba video olarak atamaz mısınız?Bi yerde eksiklik var yada biz karıştırıyoruz.Sitemde kullanacam ama bir türlü yapamadım

  • admin (author) diyor'ki:
    06 Nis 2009 saat 23:51

    Video olarak hazırlamak şu an zor ben sizin için flash Flash8 ve Cs3 dosya ekledim eğer flash 8 veya Mx kullanıyorsanız Flash 8 yazılı olanı indirin indirdiğiniz FLA ile kendi çalışmanızı aynı anda açın tek tek kontrol edin sizde verilen hata sisiz eksik yapmanızdan kaynaklanıyor

  • djtur diyor'ki:
    07 Nis 2009 saat 21:23

    Teşekkür ederim.Bir daha deneyim.

  • Gamze diyor'ki:
    09 Nis 2010 saat 09:41

    ÇOK GÜZEL BİR ÖRNEK YALNIZ İNDİREMİYORUM

  • admin (author) diyor'ki:
    09 Nis 2010 saat 11:58

    Kapalıydı şimdi indirebilirsiniz.

  • Gamze diyor'ki:
    09 Nis 2010 saat 22:11

    BEN HALA İNDREMEDİM YARDIMCI OLURSANIZ SEVİNİRİM

  • admin (author) diyor'ki:
    10 Nis 2010 saat 00:34

    Bir sorun yok her iki dosya linkide çalışmakta buradan deneyin CS3 FLA
    İndirin

  • GAMZE diyor'ki:
    11 Nis 2010 saat 12:07

    Çok teşekkür ederim,İndirdim.

  • Didem diyor'ki:
    12 May 2010 saat 11:22

    Müthişşşşşş…. Bu örneklerin ücretsiz olması harika… Sitenizi yeni keşfettim ama çok keyifli bir site olmuş. Ellerinize sağlık…

  • Necmettin SARI diyor'ki:
    23 Oca 2011 saat 19:00

    Aradığım herşey burada.Sadece yazılanları uygulayıp nasıl yapıldığını öğrenmek bana kalıyor.Çok teşekkürler.

  • admin (author) diyor'ki:
    23 Oca 2011 saat 19:35

    isterseniz ekli FLA indirip inceleyebilirsiniz.

  • parodox diyor'ki:
    28 Oca 2011 saat 00:09

    gerçekten mükemmel diyebilceğim bir site.çoğu insan böle bilgileri paylaşmada bencilce davranıyor ama siz gerçekten çok medeni ve olgunca davranışlarda bulunuyorsunuz.tekrar teşekkür ederim çok işime yarıcak paylaşımlarınız var…

Yorum Yazın

Konuyla ilgili yorumlarınızı aşağıya yazabilir diğer okuyucularla paylaşabilirsiniz, yazıdan alıntı yapacak olursanız geribildirim yapmayı unutmayın.. Yazıdaki yorumları RSS olarak takip etmek için tıklayınız .

Yorum yazarken dikkat etmeniz gereken hususlar;

  • Spam ve reklam içerikli yorumlar silinecektir.
  • Yorumlar onay gerektirdiğinden birden fazla kez aynı yorumu yazmayınız.
  • Yorumlarınızın konu ile alakalı olmasına özen gösteriniz.
  • Küfür, hakaret etmenizin kimseye faydası olmadığını unutmayın.
  • Yorum yapmanız, onaylanacağı anlamına gelmemektedir. Buradaki hususlara dikkat etmeniz, onaylanma şansını artıracaktır.

    • Güvenlik Kodunun Resmi
    *

    Kapat
    E-posta ile paylaş