XML Image Path

lmparchitects · May 14, 2008, 7:40am

Hello all,

Long time listener - first time caller!

I am developing our company website and I have come across a small stumbling block!

I have searched out a few other threads that mention this issue, but none have yet resolved it!

[COLOR=#810081]http://www.kirupa.com/forum/showthread.php?t=287554&highlight=xml+gallery+directory[/COLOR]
[COLOR=#810081][/COLOR]
[COLOR=#810081]http://www.kirupa.com/forum/showthread.php?t=210981[/COLOR]
[COLOR=#810081][/COLOR]
Anyway, I have an XML gallery that I want to host in a sub directory on my server (/gallery/…) - now when I publish the SWF using the below code, it seems as though it loads the XML, but the XML cannot find the correct path to the images themselves.

My XML file, the images and the gallery SWF are all in the same directory (/gallery) and are called upon externally from a SWF at the root.

> portfolio.swf > /gallery/gallery.swf > /gallery/images.xml > /gallery/image-1.jpg

Here is an image of the error message…

Here is my XML file…

<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<images>
    <pic>
        <image>image-1a.jpg</image>
        <caption>This is the caption for image 1</caption>
        <thumbnail>image-1.jpg</thumbnail>
    </pic>
    <pic>
        <image>image-2.jpg</image>
        <caption>caption 1</caption>
        <thumbnail>image-2.jpg</thumbnail>
    </pic>
    <pic>
        <image>image-3.jpg</image>
        <caption>caption 2</caption>
        <thumbnail>image-3.jpg</thumbnail>
    </pic>
    <pic>
        <image>image-4.jpg</image>
        <caption>caption 3</caption>
        <thumbnail>image-4.jpg</thumbnail>
    </pic>
    <pic>
        <image>image-5.jpg</image>
        <caption>caption 4</caption>
        <thumbnail>image-5.jpg</thumbnail>
    </pic>
    <pic>
        <image>image-6.jpg</image>
        <caption>caption 5</caption>
        <thumbnail>image-6.jpg</thumbnail>
    </pic>
    <pic>
        <image>image-7.jpg</image>
        <caption>caption 6</caption>
        <thumbnail>image-7.jpg</thumbnail>
    </pic>
    <pic>
        <image>image-8.jpg</image>
        <caption>caption 7</caption>
        <thumbnail>image-8.jpg</thumbnail>
    </pic>
    <pic>
        <image>image-9.jpg</image>
        <caption>caption 8</caption>
        <thumbnail>image-9.jpg</thumbnail>
    </pic>
</images>

Here is my Flash code (which seems to be the problem!)


 
 
////////////////////////////////////////////////////////////////////////////////////
function loadXML(loaded) {
 if (loaded) {
  xmlNode = this.firstChild;
  image = [];
  description = [];
  thumbnails = [];
  _global.total = xmlNode.childNodes.length;
  for (i=0; i<total; i++) {
   image* = xmlNode.childNodes*.childNodes[0].firstChild.nodeValue;
   description* = xmlNode.childNodes*.childNodes[1].firstChild.nodeValue;
   thumbnails* = xmlNode.childNodes*.childNodes[2].firstChild.nodeValue;
   thumbnailer(i);
  }
  firstImage();
 } else {
  trace("file not loaded!");
 }
}
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad =loadXML;
xmlData.load("gallery/images.xml");
/////////Load First Image Function///////////////////////////////////////////////
function firstImage() {
 if (loaded == filesize) {
  picture._alpha = 0;
  picture.loadMovie(image[0], 1);
  desc_txt.text = description[0];
 }
}
/////////Image Preloader Function//////////////////////////////////////////////////////
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;
  }
 }
};
//////////Load clicked thumbnail Image Function////////////////////////////////////////////////
function callImage() {
  if (loaded == filesize) {
   picture._alpha = 0;
   picture.loadMovie(image[p], 1);
   desc_txt.text = description[p];
  }
}
//////////Thumbnail maker///////////////////////////////
function thumbnailer(k){
 loaded_counter=0;
 total_thumbs = _global.total;
 var container = thumbnail_mc.createEmptyMovieClip("th"+k,thumbnail_mc.getNextHighestDepth());
 container._visible=false;
 container._alpha=0;
 var image = container.createEmptyMovieClip("img", container.getNextHighestDepth());
 tlistener = new Object();
 tlistener.onLoadInit = function(target_mc) {
  target_mc.pictureValue = k;
  target_mc._alpha=50
  target_mc.onRelease = function() {
   p = this.pictureValue;
   callImage();
  };
  target_mc.onRollOver = function() {
   this._alpha = 100;
  };
  target_mc.onRollOut = function() {
   this._alpha = 50;
  };
  loaded_counter++;
  counting_txt = loaded_counter;
  if(loaded_counter==total_thumbs){
   main_menu.boton1._visible=false;
   main_menu.boton2._visible=false;
   grid_maker_01();
  }
 };
 image_mcl = new MovieClipLoader();
 image_mcl.addListener(tlistener);
 image_mcl.loadClip(thumbnails[k], "thumbnail_mc.th"+k+".img");
}
///////////Layout Functions/////////////////////////////////////////////////////////////////////
MovieClip.prototype.grid_maker_01=function(f){
 num=0;
 col=3;
 row=3;
 scale=60;
 space=5;
 for (l=0;l<col;l++){
  for (j=0;j<row;j++){
   if(num<_global.total){
   with(eval("this.thumbnail_mc.th"+num)){
    _x=((_width+space)*scale/100)*l;
    _y=((_height+space)*scale/100)*j;
    _xscale=_yscale=scale;
    _visible=true;
   }
      num++;
   }
  }
 }
 this.cascader();
}
//////////////////////////////////////////////////////////////////////////////////
MovieClip.prototype.cascader=function(){
 inter=300;
 c=0;
 delayed_fade=function(){
  if (c<_global.total){
   with(eval("this.thumbnail_mc.th"+c)){
    fadein();
   }
   c++;
  }else{
   main_menu.boton_reset._visible=true;
   clearInterval(delay);
  }
 }
 delay=setInterval(delayed_fade,inter);
}
///////////////////////////////////////////////////////////////////////////////
MovieClip.prototype.fadein=function(){
 this.onEnterFrame=function(){
  if (this._alpha<100){  
   this._alpha=this._alpha+5;
  }else{
   this._alpha=100;
   delete this.onEnterFrame;
  }
 }
}
///////////////////////////////////////////////////////////////////////////////////////
MovieClip.prototype.positioner = function(xDest,yDest,rDest,aDest){
 this.onEnterFrame=function(){
  this._x = xDest-(xDest-this._x)/1.2;
  this._y = yDest-(yDest-this._y)/1.2;
  this._alpha = aDest-(aDest-this._alpha)/1.2;
  this._rotation = rDest-(rDest-this._rotation)/1.2;
  if((Math.abs(xDest-this._x) <= 1)and(Math.abs(yDest-this._y) <= 1)){
   delete this.onEnterFrame;
   this._x = xDest;
   this._y = yDest;
   this._alpha = aDest;
   this._rotation = rDest;
  }
 }
}
//////////////////////////////////////////////////////////////////////////////////

Phew!

A lot to take in, and to ask - but if somebody can help me (no doubt there is a really easy solution!) then I would appreciate it so much.

I look forward to hearing from some of you soon - thank you for any help in advance.

LMP

pablo900 · May 14, 2008, 11:33am

Are you loading the gallery.swf into the other portfolo.swf? If so what i recon you need to do is to change the path of the images in the XML to say something like <image>gallery/image-1a.jpg</image> so that when it is called in the portfolio.swf then it knows where the images are relative to the portfolio.swf

I hope that makes sense and let us know if it works.

vamsig · May 14, 2008, 11:44am

Hello,

Your image path’s are missing… Check perfectly the images folder… That is the main problem… rest all or good…

Regards,
vamsi.g

Pier25 · May 14, 2008, 11:57am

use absolute urls to check if the problem is somewhere else

“http://www.mysite.com/myfolder/mypic.jpg”

instead of

“mypic.jpg”

or

“myfolder/mypic.jpg”

The problem is that flash doesn’t know where the pictures are. If you don’t pass the “http://” flash will think the pictures are on your local computer.

Another problem when using relative urls is that when you test your flash the files are relatives to the swf, but when the flash is online the urls are relative to the html file and not the swf file.

lmparchitects · May 14, 2008, 1:21pm

[quote=pablo900;2326006]Are you loading the gallery.swf into the other portfolo.swf? If so what i recon you need to do is to change the path of the images in the XML to say something like <image>gallery/image-1a.jpg</image> so that when it is called in the portfolio.swf then it knows where the images are relative to the portfolio.swf

I hope that makes sense and let us know if it works.[/quote]

I am loading the gallery.swf into the portfolio.swf, yes.

I have tried to ammend the XML file to point to the files on my computer as you said, but to no avail.

[quote=vamsig;2326010]Hello,

Your image path’s are missing… Check perfectly the images folder… That is the main problem… rest all or good…

Regards,
vamsi.g[/quote]

Thanks for the response vamsi, as you say it is definetly a path problem… but is it within my Flash itself perhaps? The reason I say this is because it is loading the first image in the full view box.

To explain the gallery is a series of small thumbnails, with a large window for viewing once a thumbnail is clicked upon - image 1 is set to appear by default.

As I have said, the gallery works fully when all of the images/swf’s/XML are at root.

[quote=Pier25;2326018]use absolute urls to check if the problem is somewhere else

“http://www.mysite.com/myfolder/mypic.jpg”

instead of

“mypic.jpg”

or

“myfolder/mypic.jpg”

The problem is that flash doesn’t know where the pictures are. If you don’t pass the “http://” flash will think the pictures are on your local computer.

Another problem when using relative urls is that when you test your flash the files are relatives to the swf, but when the flash is online the urls are relative to the html file and not the swf file.[/quote]

Hi Pier,

Thank you for the response - I uploaded the site and tested it with full addresses and it still didnt quite work, but it did load the defaulted large image in the viewing window.

It seems that the issue could be within the Flash gallery somewhere (as I say, it works perfectly when all the images/SWFs/XML is on root - as you can imagine that is not ideal for organisation!)

IS there any other information I can post to help? This is the final stepping stone for the site and then it all works - so annoying that I have had to ask for help!

As i say the gallery works flly on the root, so to have such a big issue simply when I create a folder to organise all of my files it is a nightmare! I cant help but feel it is something in here…


 
 
////////////////////////////////////////////////////////////////////////////////////
function loadXML(loaded) {
 if (loaded) {
  xmlNode = this.firstChild;
  image = [];
  description = [];
  thumbnails = [];
  _global.total = xmlNode.childNodes.length;
  for (i=0; i<total; i++) {
   image* = xmlNode.childNodes*.childNodes[0].firstChild.nodeValue;
   description* = xmlNode.childNodes*.childNodes[1].firstChild.nodeValue;
   thumbnails* = xmlNode.childNodes*.childNodes[2].firstChild.nodeValue;
   thumbnailer(i);
  }
  firstImage();
 } else {
  trace("file not loaded!");
 }
}
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad =loadXML;
xmlData.load("gallery/images.xml");
/////////Load First Image Function///////////////////////////////////////////////
function firstImage() {
 if (loaded == filesize) {
  picture._alpha = 0;
  picture.loadMovie(image[0], 1);
  desc_txt.text = description[0];
 }
}
/////////Image Preloader Function//////////////////////////////////////////////////////
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;
  }
 }
};
//////////Load clicked thumbnail Image Function////////////////////////////////////////////////
function callImage() {
  if (loaded == filesize) {
   picture._alpha = 0;
   picture.loadMovie(image[p], 1);
   desc_txt.text = description[p];
  }
}
//////////Thumbnail maker///////////////////////////////
function thumbnailer(k){
 loaded_counter=0;
 total_thumbs = _global.total;
 var container = thumbnail_mc.createEmptyMovieClip("th"+k,thumbnail_mc.getNextHighestDepth());
 container._visible=false;
 container._alpha=0;
 var image = container.createEmptyMovieClip("img", container.getNextHighestDepth());
 tlistener = new Object();
 tlistener.onLoadInit = function(target_mc) {
  target_mc.pictureValue = k;
  target_mc._alpha=50
  target_mc.onRelease = function() {
   p = this.pictureValue;
   callImage();
  };
  target_mc.onRollOver = function() {
   this._alpha = 100;
  };
  target_mc.onRollOut = function() {
   this._alpha = 50;
  };
  loaded_counter++;
  counting_txt = loaded_counter;
  if(loaded_counter==total_thumbs){
   main_menu.boton1._visible=false;
   main_menu.boton2._visible=false;
   grid_maker_01();
  }
 };
 image_mcl = new MovieClipLoader();
 image_mcl.addListener(tlistener);
 image_mcl.loadClip(thumbnails[k], "thumbnail_mc.th"+k+".img");
}
///////////Layout Functions/////////////////////////////////////////////////////////////////////
MovieClip.prototype.grid_maker_01=function(f){
 num=0;
 col=3;
 row=3;
 scale=60;
 space=5;
 for (l=0;l<col;l++){
  for (j=0;j<row;j++){
   if(num<_global.total){
   with(eval("this.thumbnail_mc.th"+num)){
    _x=((_width+space)*scale/100)*l;
    _y=((_height+space)*scale/100)*j;
    _xscale=_yscale=scale;
    _visible=true;
   }
      num++;
   }
  }
 }
 this.cascader();
}
//////////////////////////////////////////////////////////////////////////////////
MovieClip.prototype.cascader=function(){
 inter=300;
 c=0;
 delayed_fade=function(){
  if (c<_global.total){
   with(eval("this.thumbnail_mc.th"+c)){
    fadein();
   }
   c++;
  }else{
   main_menu.boton_reset._visible=true;
   clearInterval(delay);
  }
 }
 delay=setInterval(delayed_fade,inter);
}
///////////////////////////////////////////////////////////////////////////////
MovieClip.prototype.fadein=function(){
 this.onEnterFrame=function(){
  if (this._alpha<100){  
   this._alpha=this._alpha+5;
  }else{
   this._alpha=100;
   delete this.onEnterFrame;
  }
 }
}
///////////////////////////////////////////////////////////////////////////////////////
MovieClip.prototype.positioner = function(xDest,yDest,rDest,aDest){
 this.onEnterFrame=function(){
  this._x = xDest-(xDest-this._x)/1.2;
  this._y = yDest-(yDest-this._y)/1.2;
  this._alpha = aDest-(aDest-this._alpha)/1.2;
  this._rotation = rDest-(rDest-this._rotation)/1.2;
  if((Math.abs(xDest-this._x) <= 1)and(Math.abs(yDest-this._y) <= 1)){
   delete this.onEnterFrame;
   this._x = xDest;
   this._y = yDest;
   this._alpha = aDest;
   this._rotation = rDest;
  }
 }
}
//////////////////////////////////////////////////////////////////////////////////

May I pass on a huge thank you to the responses so far, and a thank you in advance for any further help (Please! :D)

LMP

pablo900 · May 14, 2008, 2:18pm

Could you possibly upload the files so that we all can have a dig around?

lmparchitects · May 14, 2008, 2:35pm

Of course!

I have attached a .zip showing the gallery in its default (working!) state.

Now all I want is to have the images/xml in a sub directory (instead of scattered across the root!) to keep everything organised! it shouldnt be this hard!

Thank you so much for all of your help - it is greatly appreciated.

pablo900 · May 14, 2008, 4:07pm

So just to check. You want all the images, the gallery.swf and the XML file to be in a sub folder called ‘gallery’ and you want to call it into another swf called portfolio.swf which is in the root? If so then i have sorted for you.

Hope this helps and is what you wanted.

PM me your email address and i can go into what i changed if you like.

lmparchitects · May 14, 2008, 4:28pm

After a quick test - it works!

Thank you everyone for your help, especially Pablo (I have sent you a PM :))

Topic		Replies	Views
XML Image Path Quickie	0	52	May 13, 2008
My XML versus Kirupa photo gallery with XML	0	123	October 10, 2006
XML Path Problem? Please help...i'm desperate (deadline)	0	95	March 1, 2007
XML Path issues flash	0	58	January 27, 2005
XML gallery — i know, another one sorry! flash	1	78	April 7, 2006

XML Image Path

Follow:

Popular

Loose Ends

XML Image Path

Related topics

Follow:

Popular

Loose Ends