[nom]

MartyN_ tarafından gönderilen mesaj:

tabiki bu satırda belirtildiği üzere,
bu.bos.loadMovie("action_images/"+(i+1)+".jpg");

uzantıların jpg olması gerekli.

for (var i=0;i<8;i++)
bu satırda da belirtildiği üzere, "i=x"'in n'olduğu önemli benim vurgulamak istediğim dosya adları.
Bunu karalamak için söylemedim sadece belirtilirse yararının olucağını düşündüm.

cok tskler MartyN denicem .

MartyN_ yarıdımın icin tskler ama tam olarak benim istedigim sey degil bir turlu anlatamamdım galiba verdigim sitedeki scriptli olayın sadece ben alt tarafta buyuk resimin hareklerini yapmak istiyorum yani kucuk resimlerime tıklayınca altta buyuk resim acilmicak.
Diyelim flashta bi linkimden resime gonderdim iste sadece movie ebatları icinde diyelim ki flash movimiz 600*400 resmimiz ise 1000*600 resim mause nın hareketlerine gore resimde asıgaya saga sola gidecek yani butum resmin detaylarını haretlerle buyutulmus gibi gorecem verdigim sitedeki scripli olayın sadece alt tarafı yani buyuk resim kısmını istiyorum cok fazla oldum biliyorum ama bi calısmam icin gerekli bakabilirmisin bi tskler tekrar.

MartyN_ tarafından gönderilen mesaj:

Selamlar, resimleri de dışarıdaki bir klasörden aldırarak bahsettiğin çalışmanın yapımını adım adım anlatıyorum.

30 frame rate ile 600 x 400 bir scene oluştur.
çalıştığın dizine action_images isminde bir klasör yap (içine 8 adet 400*400 resim ekle, bunu koddan değiştirebilirsin) ve root a şu kodları ekle;

var bu:Object;
var sgen:Number=600;
var pay:Number=50;
mc.btn_mc._visible=false;
for (var i=0;i<8;i++){ // buradan resim sayisini belirlemelisin
mc.btn_mc.duplicateMovieClip("btn"+i,mc.getNextHig hestDepth());
bu=mc["btn"+i];
bu._x=120*i+20;
bu.bos.loadMovie("action_images/"+(i+1)+".jpg");
bu.ks=i+1;
}
var slgen:Number=mc._width;
onEnterFrame=function(){
mc._x-=(_xmouse-(sgen/2))/10;
if(mc._x<-(slgen-sgen+pay)){
mc._x=-(slgen-sgen+pay);
}else if(mc._x>pay){
mc._x=pay;
}
}

ardından root'a bir boş mc ekle, instance name i "resim_mc" olsun, burada resimlerin büyük halleri görünecek.

daha sonra "mc" instance name i olan bi movieclip oluştur (bu resimlerin ufak hallerinin olacağı mc)
"mc" isimli mc in içine "btn_mc" instance name i olan bir mc daha oluştur ve onun içersine de yeni bir layerda yeni bir frame e şu kodları yaz;

onRelease = function(){
_parent._parent.resim_mc.loadMovie("action_images/"+ks+".jpg");
}

ardından bir başka layera thumbnaillerin çerçevesini çiz ve bir de "bos" instance name li boş bir mc oluştur.

sonuç: klasörden aldığı resim sayısı kadar movie clip duplicate edecek ve ufak(thumbnail) hallerini dizecek, mouse koordiatlarına göre sağa ya da sola gittikçe kayacak ve resimlerin üzerlerine tıkladığında büyük hallerini getirecek bir çalışma hazırlamış olduk.

hazırladığım örnek flayı da: http://www.zifir.net/action_images.fla adresinden çekebilirsin.

tüm bunları zamanında bana büyük sabırla öğreten yunus_es e teşekkürler tabiki

[mustillik]

Fatih Erdem tarafından gönderilen mesaj:

Yardımcı olabilecek bağlantı:
http://www.flashdersleri.com/html_do...panoramik.html
İyi çalışmalar

Verdiğin bilgi için teşekkürler.Ben olayı biraz daha geliştirmek istiyorum.Aynı efektle menü yada fotoğraf galerisi yapma şansımız varmıdır acaba??Mesela galeride resimler aynı şekilde kayacak ve tıkladığımızda resmimizi gösterecek.Düşünceleriniz için teşekkür ederim.

[MartyN_]

mustillik tarafından gönderilen mesaj:

Verdiğin bilgi için teşekkürler.Ben olayı biraz daha geliştirmek istiyorum.Aynı efektle menü yada fotoğraf galerisi yapma şansımız varmıdır acaba??Mesela galeride resimler aynı şekilde kayacak ve tıkladığımızda resmimizi gösterecek.Düşünceleriniz için teşekkür ederim.

sanırım senin istediğin tam olarak benim verdiğim örnek, bayx'in istediği de fatih erdem'in verdiği örneğin yukarı ve aşşağı doğru oynayanı (mı?)
bayx ben halen tam olarak anlamadım bir örnek gösterebilirsen ya da daha ayrıntılı anlatabilirsen yardımcı olmaya çalışırım.

MartyN_ baktıysan gonderdigim sitedeki scripli ornekte kucuk resimlerin ustune gelince veya tıklayınca farketmez asagıda buyuk resmi acılıyor belli bi alan icerisinde 400*300 gibi bi alan icerisinde. ama resim gordugun gibi 400*300 degil daha buyuk iste o alan icerisinde boyut olarak daha buyuk resimin heryerini mause hareket yardımıyla asagıya yukarıaya yada saga sola gidildikce resimde ona gore hareket ediyor ve resmin heryeri gozkuyor bunu istiyorum

cokmu kotu anlatıyorum anlamadım ki

MartyN_ tarafından gönderilen mesaj:

sanırım senin istediğin tam olarak benim verdiğim örnek, bayx'in istediği de fatih erdem'in verdiği örneğin yukarı ve aşşağı doğru oynayanı (mı?)
bayx ben halen tam olarak anlamadım bir örnek gösterebilirsen ya da daha ayrıntılı anlatabilirsen yardımcı olmaya çalışırım.

bu konuda yardım edebilicek yok mu arakadaslar ?

[codesignist]

Yukarıdaki yazıların tamamını okumadım hızlıca gözgezdirdim ve anladığım kadarıyla cevap şöyle;

300x200 boyutlarında resimi göstereceğimiz alanımız olsun ve buraya yüklediğimiz bu boyutlardan daha büyük olan bir resmimiz olsun.
Öncelikle yapmak istediğimiz şeyi, aynı ilkokulda problem çözer gibi çözmek bize büyük avantaj sağlacaktır. Yani öncelikle verilenleri yazıyoruz;

Verilenler:
Yüklediğimiz büyük resmin genişliği ve yüksekliği
Resmi göstereceğimiz alanın genişliğ ve yüksekliği

Çözüm:
Bu değelerle bir oran bulup bunları mouse'un x ve y değerine bağlamalıyız. Böylelikle mouse'a göre hareketi sağlamış olacağız. Önce x pozisyonundaki hareketi inceliyelim:
_x de hareket ederken resmin kaydığı pozisyonun maksimum değeri; resmimizin genişliği ve alanımızın genişliği arasında kalan kısımdır.
var ba_gen:Number=800;//Büyük alan genişliği(Resim genişliği)
var ka_gen:Number=300;//Küçük alan genişliği
var kk_gen:Number=ba_gen-ka_gen;//Kalan genişlik



Oranı ise şöyle bulacağız. Her bir _xmouse hareketinde, resmimiz x pozisyonunda ne kadar hareket etmeli?
Yani kalan genişlik, resmi göstereceğimiz genişliğin kaç katı?
var oranx:Number=kk_gen/ka_gen;

Aynısını y pozisyonu için yapalım ve oranlarımız mouse pozisyonları ile çarpalım,tabi sınırlarıda ekliyelim;

var ka_gen:Number = 300;
//Küçük alan genişliği
var ka_yuk:Number = 200;
//Küçük alan yüksekliği
var ba_gen:Number = 800;
//Büyük alan(Resim) genişliği
var ba_yuk:Number = 420;
//Büyük alan(Resim) yüksekliği
var kk_gen:Number = ba_gen-ka_gen;
//Kalan alan genişliği
var kk_yuk:Number = ba_yuk-ka_yuk;
//Kalan alan yüksekliği
var oranx:Number = kk_gen/ka_gen;
var orany:Number = kk_yuk/ka_yuk;
onEnterFrame = function () {
	b_mc._x = -_xmouse*oranx;
	b_mc._y = -_ymouse*oranx;
	//Resmin sınırları
	if (b_mc._x>0) {
		b_mc._x = 0;
	} else if (b_mc._x<-kk_gen) {
		b_mc._x = -kk_gen;
	}
	if (b_mc._y>0) {
		b_mc._y = 0;
	} else if (b_mc._y<-kk_yuk) {
		b_mc._y = -kk_yuk;
	}
}

Mouse pozisyonlarını eksi ile çarptık çünkü resmimiz mouse pozisyonlarının tersine göre hareket ediyor.

Tabi burada resim alanı tam köşede. Araya biraz pay eklersek kodlar biraz daha değişiyor;

var ka_gen:Number = 300;
//Küçük alan genişliği
var ka_yuk:Number = 200;
//Küçük alan yüksekliği
var ba_gen:Number = 800;
//Büyük alan(Resim) genişliği
var ba_yuk:Number = 420;
//Büyük alan(Resim) yüksekliği
var kk_gen:Number = ba_gen-ka_gen;
//Kalan alan genişliği
var kk_yuk:Number = ba_yuk-ka_yuk;
//Kalan alan yüksekliği
var pay_x:Number=30;
var pay_y:Number=20;
var oranx:Number = kk_gen/ka_gen;
var orany:Number = kk_yuk/ka_yuk;
onEnterFrame = function () {
	b_mc._x = -(_xmouse-pay_x)*oranx+pay_x;
	b_mc._y = -(_ymouse-pay_y)*orany+pay_y;
	if (b_mc._x>pay_x) {
		b_mc._x = pay_x;
	} else if (b_mc._x<pay_x-kk_gen) {
		b_mc._x = pay_x-kk_gen;
	}
	if (b_mc._y>pay_y) {
		b_mc._y = pay_y;
	} else if (b_mc._y<pay_y-kk_yuk) {
		b_mc._y = pay_y-kk_yuk;
	}
};

Kodlara biraz daha eklenti yapıp ease (yumuşak geçiş) eklersek daha güzel olur;

var ka_gen:Number = 300;
//Küçük alan genişliği
var ka_yuk:Number = 200;
//Küçük alan yüksekliği
var ba_gen:Number = 800;
//Büyük alan(Resim) genişliği
var ba_yuk:Number = 420;
//Büyük alan(Resim) yüksekliği
var kk_gen:Number = ba_gen-ka_gen;
//Kalan alan genişliği
var kk_yuk:Number = ba_yuk-ka_yuk;
//Kalan alan yüksekliği
var pay_x:Number=30;
var pay_y:Number=20;
var oranx:Number = kk_gen/ka_gen;
var orany:Number = kk_yuk/ka_yuk;
var ease_x:Number=0;
var ease_y:Number=0;
var ease_deger:Number=.2;//%20 lik esneme
onEnterFrame = function () {
	ease_x = -(_xmouse-pay_x)*oranx+pay_x;
	ease_y = -(_ymouse-pay_y)*orany+pay_y;
	b_mc._x +=(ease_x-b_mc._x)*ease_deger;
	b_mc._y +=(ease_y-b_mc._y)*ease_deger;
	if (b_mc._x>pay_x) {
		b_mc._x = pay_x;
	} else if (b_mc._x<pay_x-kk_gen) {
		b_mc._x = pay_x-kk_gen;
	}
	if (b_mc._y>pay_y) {
		b_mc._y = pay_y;
	} else if (b_mc._y<pay_y-kk_yuk) {
		b_mc._y = pay_y-kk_yuk;
	}
};

[MartyN_]

öğretmenim canım benim canım benim.

yunus_es vakit ayırıp ilgilendigin icin cok tskler biraz gec kaldım mesaj atmakta ama foruma ugrayamıyordum bu aralar verdigin kodları uygulamaya calıstım bu arada benim flashım cok iyi degildir ama calıstıramadım ben beceremedim buyuk ihtimalle ornek bi dosya yapıp gonderebilirmisin