# Xml photo gallery grid help

**URL:** https://forum.kirupa.com/t/xml-photo-gallery-grid-help/153837
**Category:** Uncategorized
**Created:** [July 5, 2005, 7:16am UTC](https://forum.kirupa.com/t/xml-photo-gallery-grid-help/153837 "2005-07-05T07:16:37Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![packer](https://avatars.discourse-cdn.com/v4/letter/p/4da419/32.png) [@packer](https://forum.kirupa.com/u/packer)
#### Post date: [July 5, 2005, 7:16am UTC](https://forum.kirupa.com/t/xml-photo-gallery-grid-help/153837/1 "2005-07-05T07:16:37Z")

</div>

In regards to my earlier post, this is the xml and flash mx scripts that are given in the tutorial in which the thumbnails are made to scroll horizontally. Could anyone give me a hand to modify them so that I could have the thumbnails just aligned to the left on a 3 column by 4 row grid?

xml code:  
xml:\<?xml version=“1.0” encoding=“utf-8” standalone=“yes”?\>  
\<images\>  
\<pic\>  
\<image\>[http://www.kirupa.com/developer/mx2004/pg/kresge.jpg](http://www.kirupa.com/developer/mx2004/pg/kresge.jpg)\</image\>  
\<caption\>Kresge\</caption\>  
\<thumbnail\>[http://www.kirupa.com/developer/mx2004/pg/kresge\_sm.jpg](http://www.kirupa.com/developer/mx2004/pg/kresge_sm.jpg)\</thumbnail\>  
\</pic\>  
\<pic\>  
\<image\>[http://www.kirupa.com/developer/mx2004/pg/medialab.jpg](http://www.kirupa.com/developer/mx2004/pg/medialab.jpg)\</image\>  
\<caption\>Media Lab\</caption\>  
\<thumbnail\>[http://www.kirupa.com/developer/mx2004/pg/medialab\_sm.jpg](http://www.kirupa.com/developer/mx2004/pg/medialab_sm.jpg)\</thumbnail\>  
\</pic\>  
\<pic\>  
\<image\>[http://www.kirupa.com/developer/mx2004/pg/stata.jpg](http://www.kirupa.com/developer/mx2004/pg/stata.jpg)\</image\>  
\<caption\>Stata Center\</caption\>  
\<thumbnail\>[http://www.kirupa.com/developer/mx2004/pg/stata\_sm.jpg](http://www.kirupa.com/developer/mx2004/pg/stata_sm.jpg)\</thumbnail\>  
\</pic\>  
\<pic\>

flash mx code:  
[color=#cccccc]function[/color][color=#cccccc]loadXML[/color]color=#cccccc[/color][color=#cccccc]{[/color][color=#cccccc]if[/color]color=#cccccc[/color][color=#cccccc]{[/color][color=#cccccc]xmlNode[/color][color=#cccccc]=[/color][color=#cccccc]this[/color][color=#cccccc].[/color][color=#cccccc]firstChild[/color][color=#cccccc]; [/color][color=#cccccc]image[/color][color=#cccccc]=[/color][color=#cccccc][][/color][color=#cccccc]; [/color][color=#cccccc]description[/color][color=#cccccc]=[/color][color=#cccccc][][/color][color=#cccccc]; [/color][color=#000050]thumbnails[/color] [color=#0000ff]=[/color] [color=#0000ff][][/color];[color=#cccccc]total[/color][color=#cccccc]=[/color][color=#cccccc]xmlNode[/color][color=#cccccc].[/color][color=#cccccc]childNodes[/color][color=#cccccc].[/color][color=#cccccc]length[/color][color=#cccccc]; [/color][color=#cccccc]for[/color][color=#cccccc]([/color][color=#cccccc]i[/color][color=#cccccc]=[/color][color=#cccccc]0[/color][color=#cccccc]; [/color][color=#cccccc]i[/color][color=#cccccc]\<[/color][color=#cccccc]total[/color][color=#cccccc]; [/color][color=#cccccc]i[/color][color=#cccccc]++)[/color][color=#cccccc]{[/color][color=#cccccc]image[/color][color=#cccccc][[/color][color=#cccccc]i[/color][color=#cccccc]][/color][color=#cccccc]=[/color][color=#cccccc]xmlNode[/color][color=#cccccc].[/color][color=#cccccc]childNodes[/color][color=#cccccc][[/color][color=#cccccc]i[/color][color=#cccccc]][/color][color=#cccccc].[/color][color=#cccccc]childNodes[/color][color=#cccccc][[/color][color=#cccccc]0[/color][color=#cccccc]][/color][color=#cccccc].[/color][color=#cccccc]firstChild[/color][color=#cccccc].[/color][color=#cccccc]nodeValue[/color][color=#cccccc]; [/color][color=#cccccc]description[/color][color=#cccccc][[/color][color=#cccccc]i[/color][color=#cccccc]][/color][color=#cccccc]=[/color][color=#cccccc]xmlNode[/color][color=#cccccc].[/color][color=#cccccc]childNodes[/color][color=#cccccc][[/color][color=#cccccc]i[/color][color=#cccccc]][/color][color=#cccccc].[/color][color=#cccccc]childNodes[/color][color=#cccccc][[/color][color=#cccccc]1[/color][color=#cccccc]][/color][color=#cccccc].[/color][color=#cccccc]firstChild[/color][color=#cccccc].[/color][color=#cccccc]nodeValue[/color][color=#cccccc]; [/color][color=#000050]thumbnails[/color][color=#0000ff][[/color][color=#000050]i[/color][color=#0000ff]][/color] [color=#0000ff]=[/color] [color=#000050]xmlNode[/color].[color=#0000d0]childNodes[/color][color=#0000ff][[/color][color=#000050]i[/color][color=#0000ff]][/color].[color=#0000d0]childNodes[/color][color=#0000ff][[/color][color=#991010]2[/color][color=#0000ff]][/color].[color=#0000d0]firstChild[/color].[color=#0000d0]nodeValue[/color]; [color=#000050]thumbnails\_fn[/color]color=#0000ff[/color]; [color=#cccccc]}[/color][color=#cccccc]firstImage[/color]color=#cccccc[/color][color=#cccccc];[/color] [color=#cccccc]}[/color][color=#cccccc]else[/color][color=#cccccc]{[/color][color=#cccccc]content[/color][color=#cccccc]=[/color][color=#cccccc]“file not loaded!”[/color][color=#cccccc];[/color] [color=#cccccc]}[/color] [color=#cccccc]}[/color][color=#cccccc]xmlData[/color][color=#cccccc]=[/color][color=#cccccc]new[/color][color=#cccccc]XML[/color]color=#cccccc[/color][color=#cccccc]; [/color][color=#cccccc]xmlData[/color][color=#cccccc].[/color][color=#cccccc]ignoreWhite[/color][color=#cccccc]=[/color][color=#cccccc]true[/color][color=#cccccc]; [/color][color=#cccccc]xmlData[/color][color=#cccccc].[/color][color=#cccccc]onLoad[/color][color=#cccccc]=[/color][color=#cccccc]loadXML[/color][color=#cccccc]; [/color][color=#cccccc]xmlData[/color][color=#cccccc].[/color][color=#cccccc]load[/color]color=#cccccc[/color][color=#cccccc]; [/color][color=#cccccc]///////////////////////////////////// [/color][color=#cccccc]listen[/color][color=#cccccc]=[/color][color=#cccccc]new[/color][color=#cccccc]Object[/color]color=#cccccc[/color][color=#cccccc]; [/color][color=#cccccc]listen[/color][color=#cccccc].[/color][color=#cccccc]onKeyDown[/color][color=#cccccc]=[/color][color=#cccccc]function[/color]color=#cccccc[/color][color=#cccccc]{[/color][color=#cccccc]if[/color]color=#cccccc[/color][color=#cccccc]{[/color][color=#cccccc]prevImage[/color]color=#cccccc[/color][color=#cccccc];[/color] [color=#cccccc]}[/color][color=#cccccc]else[/color][color=#cccccc]if[/color]color=#cccccc[/color][color=#cccccc]{[/color][color=#cccccc]nextImage[/color]color=#cccccc[/color][color=#cccccc];[/color] [color=#cccccc]}[/color] [color=#cccccc]}[/color][color=#cccccc]; [/color][color=#cccccc]Key[/color][color=#cccccc].[/color][color=#cccccc]addListener[/color]color=#cccccc[/color][color=#cccccc]; [/color][color=#cccccc]previous\_btn[/color][color=#cccccc].[/color][color=#cccccc]onRelease[/color][color=#cccccc]=[/color][color=#cccccc]function[/color]color=#cccccc[/color][color=#cccccc]{[/color][color=#cccccc]prevImage[/color]color=#cccccc[/color][color=#cccccc];[/color] [color=#cccccc]}[/color][color=#cccccc]; [/color][color=#cccccc]next\_btn[/color][color=#cccccc].[/color][color=#cccccc]onRelease[/color][color=#cccccc]=[/color][color=#cccccc]function[/color]color=#cccccc[/color][color=#cccccc]{[/color][color=#cccccc]nextImage[/color]color=#cccccc[/color][color=#cccccc];[/color] [color=#cccccc]}[/color][color=#cccccc]; [/color][color=#cccccc]///////////////////////////////////// [/color][color=#cccccc]p[/color][color=#cccccc]=[/color][color=#cccccc]0[/color][color=#cccccc]; [/color][color=#cccccc]this[/color][color=#cccccc].[/color][color=#cccccc]onEnterFrame[/color][color=#cccccc]=[/color][color=#cccccc]function[/color]color=#cccccc[/color][color=#cccccc]{[/color][color=#cccccc]filesize[/color][color=#cccccc]=[/color][color=#cccccc]picture[/color][color=#cccccc].[/color][color=#cccccc]getBytesTotal[/color]color=#cccccc[/color][color=#cccccc]; [/color][color=#cccccc]loaded[/color][color=#cccccc]=[/color][color=#cccccc]picture[/color][color=#cccccc].[/color][color=#cccccc]getBytesLoaded[/color]color=#cccccc[/color][color=#cccccc]; [/color][color=#cccccc]preloader[/color][color=#cccccc].[/color][color=#cccccc]\_visible[/color][color=#cccccc]=[/color][color=#cccccc]true[/color][color=#cccccc]; [/color][color=#cccccc]if[/color]color=#cccccc[/color][color=#cccccc]{[/color][color=#cccccc]preloader[/color][color=#cccccc].[/color][color=#cccccc]preload\_bar[/color][color=#cccccc].[/color][color=#cccccc]\_xscale[/color][color=#cccccc]=[/color][color=#cccccc]100[/color][color=#cccccc]_[/color][color=#cccccc]loaded[/color][color=#cccccc]/[/color][color=#cccccc]filesize[/color][color=#cccccc];[/color] [color=#cccccc]}[/color][color=#cccccc]else[/color][color=#cccccc]{[/color][color=#cccccc]preloader[/color][color=#cccccc].[/color][color=#cccccc]\_visible[/color][color=#cccccc]=[/color][color=#cccccc]false[/color][color=#cccccc]; [/color][color=#cccccc]if[/color]color=#cccccc[/color][color=#cccccc]{[/color][color=#cccccc]picture[/color][color=#cccccc].[/color][color=#cccccc]\_alpha[/color][color=#cccccc]+=[/color][color=#cccccc]10[/color][color=#cccccc];[/color] [color=#cccccc]}[/color] [color=#cccccc]}[/color] [color=#cccccc]}[/color][color=#cccccc]; [/color][color=#cccccc]function[/color][color=#cccccc]nextImage[/color]color=#cccccc[/color][color=#cccccc]{[/color][color=#cccccc]if[/color]color=#cccccc[/color][color=#cccccc]{[/color][color=#cccccc]p[/color][color=#cccccc]++[/color][color=#cccccc]; [/color][color=#cccccc]if[/color]color=#cccccc[/color][color=#cccccc]{[/color][color=#cccccc]picture[/color][color=#cccccc].[/color][color=#cccccc]\_alpha[/color][color=#cccccc]=[/color][color=#cccccc]0[/color][color=#cccccc]; [/color][color=#cccccc]picture[/color][color=#cccccc].[/color][color=#cccccc]loadMovie[/color][color=#cccccc]([/color][color=#cccccc]image[/color][color=#cccccc][[/color][color=#cccccc]p[/color][color=#cccccc]][/color][color=#cccccc], [/color][color=#cccccc]1[/color][color=#cccccc])[/color][color=#cccccc]; [/color][color=#cccccc]desc\_txt[/color][color=#cccccc].[/color][color=#cccccc]text[/color][color=#cccccc]=[/color][color=#cccccc]description[/color][color=#cccccc][[/color][color=#cccccc]p[/color][color=#cccccc]][/color][color=#cccccc]; [/color][color=#cccccc]picture\_num[/color]color=#cccccc[/color][color=#cccccc];[/color] [color=#cccccc]}[/color] [color=#cccccc]}[/color] [color=#cccccc]}[/color][color=#cccccc]function[/color][color=#cccccc]prevImage[/color]color=#cccccc[/color][color=#cccccc]{[/color][color=#cccccc]if[/color]color=#cccccc[/color][color=#cccccc]{[/color][color=#cccccc]p[/color][color=#cccccc]–[/color][color=#cccccc]; [/color][color=#cccccc]picture[/color][color=#cccccc].[/color][color=#cccccc]\_alpha[/color][color=#cccccc]=[/color][color=#cccccc]0[/color][color=#cccccc]; [/color][color=#cccccc]picture[/color][color=#cccccc].[/color][color=#cccccc]loadMovie[/color][color=#cccccc]([/color][color=#cccccc]image[/color][color=#cccccc][[/color][color=#cccccc]p[/color][color=#cccccc]][/color][color=#cccccc], [/color][color=#cccccc]1[/color][color=#cccccc])[/color][color=#cccccc]; [/color][color=#cccccc]desc\_txt[/color][color=#cccccc].[/color][color=#cccccc]text[/color][color=#cccccc]=[/color][color=#cccccc]description[/color][color=#cccccc][[/color][color=#cccccc]p[/color][color=#cccccc]][/color][color=#cccccc]; [/color][color=#cccccc]picture\_num[/color]color=#cccccc[/color][color=#cccccc];[/color] [color=#cccccc]}[/color] [color=#cccccc]}[/color][color=#cccccc]function[/color][color=#cccccc]firstImage[/color]color=#cccccc[/color][color=#cccccc]{[/color][color=#cccccc]if[/color]color=#cccccc[/color][color=#cccccc]{[/color][color=#cccccc]picture[/color][color=#cccccc].[/color][color=#cccccc]\_alpha[/color][color=#cccccc]=[/color][color=#cccccc]0[/color][color=#cccccc]; [/color][color=#cccccc]picture[/color][color=#cccccc].[/color][color=#cccccc]loadMovie[/color][color=#cccccc]([/color][color=#cccccc]image[/color][color=#cccccc][[/color][color=#cccccc]0[/color][color=#cccccc]][/color][color=#cccccc], [/color][color=#cccccc]1[/color][color=#cccccc])[/color][color=#cccccc]; [/color][color=#cccccc]desc\_txt[/color][color=#cccccc].[/color][color=#cccccc]text[/color][color=#cccccc]=[/color][color=#cccccc]description[/color][color=#cccccc][[/color][color=#cccccc]0[/color][color=#cccccc]][/color][color=#cccccc]; [/color][color=#cccccc]picture\_num[/color]color=#cccccc[/color][color=#cccccc];[/color] [color=#cccccc]}[/color] [color=#cccccc]}[/color][color=#cccccc]function[/color][color=#cccccc]picture\_num[/color]color=#cccccc[/color][color=#cccccc]{[/color][color=#cccccc]current\_pos[/color][color=#cccccc]=[/color][color=#cccccc]p[/color][color=#cccccc]+[/color][color=#cccccc]1[/color][color=#cccccc]; [/color][color=#cccccc]pos\_txt[/color][color=#cccccc].[/color][color=#cccccc]text[/color][color=#cccccc]=[/color][color=#cccccc]current\_pos[/color][color=#cccccc]+[/color][color=#cccccc]" / "[/color][color=#cccccc]+[/color][color=#cccccc]total[/color][color=#cccccc];[/color] [color=#cccccc]}[/color][color=#006610]function[/color] [color=#000050]thumbNailScroller[/color]color=#0000ff[/color] [color=#0000ff]{[/color] [color=#cc00cc]// thumbnail code! [/color][color=#0000d0]this[/color].[color=#0000d0]createEmptyMovieClip[/color][color=#0000ff]([/color][color=#666666]“tscroller”[/color], [color=#991010]1000[/color][color=#0000ff])[/color]; [color=#000050]scroll\_speed[/color] [color=#0000ff]=[/color] [color=#991010]10[/color]; [color=#000050]tscroller[/color].[color=#0000d0]onEnterFrame[/color] [color=#0000ff]=[/color] [color=#006610]function[/color]color=#0000ff[/color] [color=#0000ff]{[/color] [color=#006610]if[/color] [color=#0000ff](([/color][color=#0000d0]\_root[/color].[color=#0000d0]\_ymouse[/color][color=#0000ff]\>=[/color][color=#000050]thumbnail\_mc[/color].[color=#0000d0]\_y[/color][color=#0000ff])[/color] [color=#0000ff]&&[/color] color=#0000ff)[/color] [color=#0000ff]{[/color] [color=#006610]if[/color] [color=#0000ff](([/color][color=#0000d0]\_root[/color].[color=#0000d0]\_xmouse[/color][color=#0000ff]\>=([/color][color=#000050]hit\_right[/color].[color=#0000d0]\_x[/color][color=#0000ff]-[/color][color=#991010]40[/color][color=#0000ff]))[/color] [color=#0000ff]&&[/color] color=#0000ff)[/color] [color=#0000ff]{[/color] [color=#000050]thumbnail\_mc[/color].[color=#0000d0]\_x[/color] [color=#0000ff]-=[/color] [color=#000050]scroll\_speed[/color]; [color=#0000ff]}[/color] [color=#006610]else[/color] [color=#006610]if[/color] [color=#0000ff](([/color][color=#0000d0]\_root[/color].[color=#0000d0]\_xmouse[/color][color=#0000ff]\<=[/color][color=#991010]40[/color][color=#0000ff])[/color] [color=#0000ff]&&[/color] color=#0000ff)[/color] [color=#0000ff]{[/color] [color=#000050]thumbnail\_mc[/color].[color=#0000d0]\_x[/color] [color=#0000ff]+=[/color] [color=#000050]scroll\_speed[/color]; [color=#0000ff]}[/color] [color=#0000ff]}[/color] [color=#006610]else[/color] [color=#0000ff]{[/color] [color=#006610]delete[/color] [color=#000050]tscroller[/color].[color=#0000d0]onEnterFrame[/color]; [color=#0000ff]}[/color] [color=#0000ff]}[/color]; [color=#0000ff]}[/color] [color=#006610]function[/color] [color=#000050]thumbnails\_fn[/color]color=#0000ff[/color] [color=#0000ff]{[/color] [color=#000050]thumbnail\_mc[/color].[color=#0000d0]createEmptyMovieClip[/color][color=#0000ff]([/color][color=#666666]“t”[/color][color=#0000ff]+[/color][color=#000050]k[/color], [color=#000050]thumbnail\_mc[/color].[color=#000050]getNextHighestDepth[/color]color=#0000ff)[/color]; [color=#000050]tlistener[/color] [color=#0000ff]=[/color] [color=#006610]new[/color] [color=#0000d0]Object[/color]color=#0000ff[/color]; [color=#000050]tlistener[/color].[color=#000050]onLoadInit[/color] [color=#0000ff]=[/color] [color=#006610]function[/color]color=#0000ff[/color] [color=#0000ff]{[/color] [color=#000050]target\_mc[/color].[color=#0000d0]\_x[/color] [color=#0000ff]=[/color] [color=#000050]hit\_left[/color].[color=#0000d0]\_x[/color][color=#0000ff]+([/color][color=#0000d0]eval[/color]color=#0000ff[/color].[color=#0000d0]\_width[/color][color=#0000ff]+[/color][color=#991010]5[/color][color=#0000ff])_[/color][color=#000050]k[/color]; [color=#000050]target\_mc[/color].[color=#000050]pictureValue[/color] [color=#0000ff]=[/color] [color=#000050]k[/color]; [color=#000050]target\_mc[/color].[color=#0000d0]onRelease[/color] [color=#0000ff]=[/color] [color=#006610]function[/color]color=#0000ff[/color] [color=#0000ff]{[/color] [color=#000050]p[/color] [color=#0000ff]=[/color] [color=#0000d0]this[/color].[color=#000050]pictureValue[/color][color=#0000ff]-[/color][color=#991010]1[/color]; [color=#000050]nextImage[/color]color=#0000ff[/color]; [color=#0000ff]}[/color]; [color=#000050]target\_mc[/color].[color=#0000d0]onRollOver[/color] [color=#0000ff]=[/color] [color=#006610]function[/color]color=#0000ff[/color] [color=#0000ff]{[/color] [color=#0000d0]this[/color].[color=#0000d0]\_alpha[/color] [color=#0000ff]=[/color] [color=#991010]50[/color]; [color=#000050]thumbNailScroller[/color]color=#0000ff[/color]; [color=#0000ff]}[/color]; [color=#000050]target\_mc[/color].[color=#0000d0]onRollOut[/color] [color=#0000ff]=[/color] [color=#006610]function[/color]color=#0000ff[/color] [color=#0000ff]{[/color] [color=#0000d0]this[/color].[color=#0000d0]\_alpha[/color] [color=#0000ff]=[/color] [color=#991010]100[/color]; [color=#0000ff]}[/color]; [color=#0000ff]}[/color]; [color=#000050]image\_mcl[/color] [color=#0000ff]=[/color] [color=#006610]new[/color] [color=#000050]MovieClipLoader[/color]color=#0000ff[/color]; [color=#000050]image\_mcl[/color].[color=#0000d0]addListener[/color]color=#0000ff[/color]; [color=#000050]image\_mcl[/color].[color=#000050]loadClip[/color][color=#0000ff]([/color][color=#000050]thumbnails[/color][color=#0000ff][[/color][color=#000050]k[/color][color=#0000ff]][/color], [color=#666666]“thumbnail\_mc.t”[/color][color=#0000ff]+[/color][color=#000050]k[/color][color=#0000ff])[/color]; [color=#0000ff]}[/color]  
pleae help…thank you