Neler yeni

Yeni mesajlar Yeni konular En çok mesaj En çok tepki En çok görüntülenen

Scrolling thumbnails yapımında, resimlere link verme sorunu?

kblyglr

🏅Acemi Tasarımcı🏅
Katılım
5 Ağu 2009
Mesajlar
40
Tepkime puanı
0
Uzun uğraşlar sonucu bir menu oluşturabildim. Şöyle bir sorunum var. Xml ile çağırılan fotoğraflara link vermek istiyorum. Fotoğrafa tıklandığı zaman sayfada bulunan bir iframe içerisinde link açılacak. Actionscript kodu ve xml dosyasının kodları aşağıdadır. Yardımcı olacak arkadaşlara şimdiden teşekkürler..

Kod:
function loadXML(loaded) { 
if (loaded) { 
xmlNode = this.firstChild; 
image = []; 
description = []; 
thumbnails = []; 
total = xmlNode.childNodes.length; 
for (i=0; i<total; i++) { 
image[i] = xmlNode.childNodes[i].childNodes[0].firstChild.nodeValue; 
description[i] = xmlNode.childNodes[i].childNodes[1].firstChild.nodeValue; 
thumbnails[i] = xmlNode.childNodes[i].childNodes[2].firstChild.nodeValue; 
thumbnails_fn(i); 
} 
firstImage(); 
} else { 
content = "file not loaded!"; 
} 
} 
xmlData = new XML(); 
xmlData.ignoreWhite = true; 
xmlData.onLoad = loadXML; 
xmlData.load("images.xml"); 
///////////////////////////////////// 
listen = new Object(); 
listen.onKeyDown = function() { 
if (Key.getCode() == Key.LEFT) { 
prevImage(); 
} else if (Key.getCode() == Key.RIGHT) { 
nextImage(); 
} 
}; 
Key.addListener(listen); 
previous_btn.onRelease = function() { 
prevImage(); 
}; 
next_btn.onRelease = function() { 
nextImage(); 
}; 
///////////////////////////////////// 
p = 0; 
this.onEnterFrame = function() { 
filesize = picture.getBytesTotal(); 
loaded = picture.getBytesLoaded(); 
preloader._visible = true; 
if (loaded != filesize) { 
preloader.preload_bar._xscale = 100*loaded/filesize; 
} else { 
preloader._visible = false; 
if (picture._alpha<100) { 
picture._alpha += 10; 
} 
} 
}; 
function nextImage() { 
if (p<(total-1)) { 
p++; 
if (loaded == filesize) { 
picture._alpha = 0; 
picture.loadMovie(image[p], 1); 
desc_txt.text = description[p]; 
picture_num(); 
} 
} 
} 
function prevImage() { 
if (p>0) { 
p--; 
picture._alpha = 0; 
picture.loadMovie(image[p], 1); 
desc_txt.text = description[p]; 
picture_num(); 
} 
} 
function firstImage() { 
if (loaded == filesize) { 
picture._alpha = 0; 
picture.loadMovie(image[0], 1); 
desc_txt.text = description[0]; 
picture_num(); 
} 
} 
function picture_num() { 
current_pos = p+1; 
pos_txt.text = current_pos+" / "+total; 
} 
function thumbNailScroller() { 
// thumbnail code! 
this.createEmptyMovieClip("tscroller", 1000); 
scroll_speed = 10; 
tscroller.onEnterFrame = function() { 
if ((_root._ymouse>=thumbnail_mc._y) && (_root._ymouse<=thumbnail_mc._y+thumbnail_mc._height)) { 
if ((_root._xmouse>=(hit_right._x-40)) && (thumbnail_mc.hitTest(hit_right))) { 
thumbnail_mc._x -= scroll_speed; 
} else if ((_root._xmouse<=40) && (thumbnail_mc.hitTest(hit_left))) { 
thumbnail_mc._x += scroll_speed; 
} 
} else { 
delete tscroller.onEnterFrame; 
} 
}; 
} 
  
function thumbnails_fn(k) { 
thumbnail_mc.createEmptyMovieClip("t"+k, thumbnail_mc.getNextHighestDepth()); 
tlistener = new Object(); 
tlistener.onLoadInit = function(target_mc) { 
target_mc._x = hit_left._x+(eval("thumbnail_mc.t"+k)._width+5)*k; 
target_mc.pictureValue = k; 
target_mc.onRelease = function() { 
p = this.pictureValue-1; 
nextImage(); 
}; 
target_mc.onRollOver = function() { 
this._alpha = 50; 
thumbNailScroller(); 
}; 
target_mc.onRollOut = function() { 
this._alpha = 100; 
}; 
}; 
image_mcl = new MovieClipLoader(); 
image_mcl.addListener(tlistener); 
image_mcl.loadClip(thumbnails[k], "thumbnail_mc.t"+k); 
}

XML :
Kod:
  <?xml version="1.0" encoding="utf-8" standalone="yes" ?> 
- <images>
- <pic>
  <image>1.jpg</image> 
  <caption>Kresge</caption> 
  <thumbnail>1.jpg</thumbnail> 
  <link>https://web.mit.edu/evolving/projects/kresge/</link> 
  </pic>
- <pic>
  <image>https://www.google.com</image> 
  <caption>Media Lab</caption> 
  <thumbnail>2.jpg</thumbnail> 
  <link theURL="https://www.after-hours.org" theName="After-Hours" /> 
  </pic>
- <pic>
  <image>3.jpg</image> 
  <caption>Stata Center</caption> 
  <thumbnail>3.jpg</thumbnail> 
  <link>https://web.mit.edu/evolving/projects/kresge/</link> 
  </pic>
- <pic>
  <image>1.jpg</image> 
  <caption>Kresge</caption> 
  <thumbnail>1.jpg</thumbnail> 
  <link>https://web.mit.edu/evolving/projects/kresge/</link> 
  </pic>
- <pic>
  <image>https://www.google.com</image> 
  <caption>Media Lab</caption> 
  <thumbnail>2.jpg</thumbnail> 
  <link theURL="https://www.after-hours.org" theName="After-Hours" /> 
  </pic>
- <pic>
  <image>3.jpg</image> 
  <caption>Stata Center</caption> 
  <thumbnail>3.jpg</thumbnail> 
  <link>https://web.mit.edu/evolving/projects/kresge/</link> 
  </pic>
  </images>

Aşağıdaki örnekten düzenleme yaparak oluşturdum menüyü, belki yardımı olur..
https://www.kirupa.com/developer/mx2004/thumbnails.htm
 
Son düzenleme:

Benzer konular

Üst