Hi guys,

 

a couple of weeks ago a guy in here (Roberto) made an image clickslide template for me. I was wondering how I can use the same slide template with different images in different sites on my homepage!? I placed the files for the clickslide in the folder of my index.html.

 

I've attached the original clickslide Roberto made for me, but I cant figure out how I to use it on more than one site at a time and with different images.

 

Thx for your help, Nicklas!

clickSlide.zip

Hello

 

I've changed the actionscript, so that it checks for query strings. If there is a query string in the html containing the swf, the movie will load that xml file, it not it will try to load pictures.xml. A query string is added in three places in the html :

 

on line 35 'clickSlideQuery' is changed to 'clickSlideQuery?xmls=pictures1.xml'

 

<param name="movie" value="clickSlideQuery.swf" /> is changed to

<param name="movie" value="clickSlideQuery.swf?xmls=pictures1.xml" />

 

<embed src="clickSlideQuery.swf" is changed to

<embed src="clickSlideQuery.swf?xmls=pictures1.xml"

 

pictures1.xml is the name of the xml file containing the links to the pics/thumbnails. On each html page you can link in a different xml file for the same swf to use, just make sure the xml file is in the same folder as the swf. If the xml file is in a different folder, just put in the relevant path. eg if the xml is in a folder called xmlFiles thats in the same folder as the swf - the path would be

 

'clickSlideQuery.swf?xmls=xmlFiles/pictures1.xml'

 

I just saved pictures.xml as pictures1.xml and rearranged the order of the pictures. You must keep the same structure as pictures.xml, but you can add any amount of extra pictures. To add more pictures to the slide show, just add more photo entries to the xml or change the ones that are already there:

 

<photo pname="pics/pic11.jpg" tname="pics/thumb11.jpg" />

<photo pname="pics1/fatlad.jpg" tname="pics1/fatladsml.jpg"/>

<photo pname="photos/goat.jpg" tname="photos/goatsml.jpg"/>

 

pname is the big picture , tname is the thumbnail(100x60).

 

The attachment shows how one swf can load different pictures by using query strings in the html. clickSlideNoQuery.html contains no query string - so the swf uses pictures.xml.

 

Let me know if this needs explaining more clearly.

 

Rob.

clickSlideQuery.zip

Hello

 

Just read your PM. The attachment has a 650x450 version.

 

Rob

biggerSlide.zip

Hi Roberto,

 

really appreciate your help

 

If I have 6 different sites and want 6 different imageslides in each of them, can I make 6 folders containing the pictures of each imageslide and make 6 different xml files with 6 different clickSlide.fla files? confused? I know I am hehe! Or I'm not even sure if that is the easiest way to do it.

 

Regards, Nicklas!

Hello

 

If your having one slideshow per html page, you will only need 1 clickSlideQuery.swf. In the html for each page add the query string that points to the xml for that set of pictures. You will need six .xml files (differently named) and the pictures/thumbnails they link to. As long as you have the correct query string in the html + the xml has the correct path to the pictures/thumbnails, the swf will load the correct pictures. If you look at my post at 16:05, the attachment contains two html files - one with query strings and one without - They both work off the same swf file, but use different xml files to load in the pictures(the pictures are in a different order). Look at where the query string ?xmls=pictures1.xml has been added to clickSlideQuery.html - if you change the pictures1.xml in the query string to the xml file you want to use - it should work fine - You have to change it in 3 places in the html.

 

http://www.webdesignerforum.co.uk/index.php?showtopic=7195 has a bit about query strings.

 

If you have 6 slideshows on one page(???), In flash you will need to to save the clickSlideQuery.fla 6 times with a different name, changing the line -

xmlLoader.load(new URLRequest("pictures.xml"));

by replacing pictures.xml with the name of the xml file your linking to. Then publishing them - dont use the query string in the html, as all 6 of the slideshows on that page will have the same pictures.

 

Still confused?

 

Rob

Hi Rob,

 

I've been playing around with it and got it working like i wanted, I have 6 different sites each with a different imageslide. For each site I copied the codes from the clickSlideQuery.html and pasted it in, and then I changed the .xml commands the three places, each linking to the new 6 .xml's I made. Then I made 6 different folders with pics and thumbs, and of course changed the destination for the pic in each .xml

 

It works just fint and is very nice.

 

Thank you so much Rob. You're a bud!

Hey Roberto,

 

here again to be adviced

 

I've copied my whole site and am now trying to make a multi language site with little flags connecting the whole thing together, all the primary links back and forth I got working now, but I have a problem with the image slide in the new site with a different language. I've made a folder for the new-languaged sites to make it a little bit more manageable for myself. When I copied the sites i just said "save as" and saved them in a new folder, and DW asked me if I wanted to redirect the links to which I replied "yes" and I noticed in the new sites containing the slides, the command has changed to ../clickSlideQuery?xmls=xml/1234.xml which should but doesnt work!

 

Have any idea why?

Hello

 

How have you arranged your folder structure?

 

Rob

Hi Rob,

 

It hard for me to explain, but try to have a look at www.scandinavian-id.com, goto "inspiration" and choose one of the rooms, all these slides works fine and are btw 6 different slides... But if you press the little flag to go to the DK version, the slides doesnøt work...! or check out the img below which is my folderstructure window.

 

The left picture is my root with the main index.html. All the sites in the root I "saved as" in the "DK" folder and DW relinked all the links. I manually changed all the links between the UK and the DK version. But the image slides in the DK version doesn't work.

 

Hope you can figure out my description

 

Thx, Nicklas!

structure.bmp

Just a quickie, if all this Flash file does is create a slideshow for images then have you considered using a JavaScript alternative? It would be better for accessibility and most of the JS gallery scripts degrade gracefully (Ie they don't just break if JS is turned off, they display all of the images instead of one. Keep in mind the percentage of people not using JS is really low).

 

If you like the sound of this then check out this link - http://www.gimiti.com/kltan/wordpress/?p=32

Hi,

 

could be, doesn't many ppl use flash as well? I'm very new to this webcoding so have no idea that is the best and easiest!

 

But i'll check jFlow out! thx bud!

Hello

 

You could try clickSlideQuery?xmls=../xml/1234.xml

 

This should work as the clickSlideQuery.swf is in the same folder as your html that loads it and the xml folder is up one level from the html file. You don't need to include the clickSlideQuery.fla in the site files, as its just used to create/alter the .swf - it has no use for the user.

 

Dont worry about people not using flash - look at all the YouTube members. Its used on loads of commercial sites - when used well, flash is very handy and can improve the users experience no end.

 

 

Let me know if this does not work.

 

 

Rob

Hi Rob,

 

I'm confused now... I "saved as" the sites in a new folder. DW asked if I wanted to relink the links and i anwsered "yes" and then the sites with the slides automatically did this: ../clickSlideQuery?xmls=xml/living.xml but that didn't work, so I tried clickSlideQuery?xmls=../xml/living.xml which didn't work either, then ../clickSlideQuery?xmls=../xml/living.xml and that doesn't work.

 

And I noticed that after "saving as" the clickSlideQueryxmls= is now located in 4 places.? Hmm weird!

 

Hope you can help!

 

Regards, Nicklas!

Hello

 

Tested it out this morning. For your folder structure you need these in your html -

'clickSlideQuery?xmls=../xml/living.xml'

"clickSlideQuery.swf?xmls=../xml/pictures1.xml"

"clickSlideQuery.swf?xmls=../xml/pictures1.xml"

"clickSlideQuery?xmls=../xml/pictures1.xml"

 

It works without the 4th one, but it might be needed by different browser - so best use it. Hadn't noticed the 4th one before you mentioned it.

 

If you wanted to use the clickSlideQuery.swf in the parent directory, put ../ infront of clickSlideQuery in the 4 places in the html.

 

EditHad a play around + appears that the swf trys to load in the xml + the links contained in the xml relative to the .html that contains the .swf, not relative to the .swf. So even if you use the clickSlideQuery.swf in the parent directory, the xml will still need to be changed for the links to work.

 

"../clickSlideQuery.swf?xmls=xml/pictures1.xml" will not work because the swf will try to load pictures1.xml from the a folder named xml in the same directory as the containing xml.

"../clickSlideQuery.swf?xmls=../xml/pictures1.xml" will not work because the swf will successfully load pictures1.xml, but the links it contains <photo pname="pics/pic9.jpg" tname="pics/thumb9.jpg" /> will make the swf try to load pic9.jpg from the folder pics, which is in the same directory as the containing html.

 

So to make it work with the swf in the parent directory, the xml would have to be changed to :

 

<photo pname="../pics/pic9.jpg" tname="../pics/thumb9.jpg" />

 

+ the query string to :

 

"../clickSlideQuery.swf?xmls=../xml/pictures1.xml"

 

To avoid this - You could copy the xml/picture folders into your Dk folder and lose all ../ from 4 places in the html

or

Move your html out of the Dk folder and put at the same level as clickSlideQuery.swf - then no changes would be needed to the xml. - Quickest and easiest solution, but not so good for site organisation.

or

Keep your folder structure as it is - but saveAs/rename the six xmls used by the Dk slideshow and add ../ to each entry path:

 

<photo pname="../pics/pic9.jpg" tname="../pics/thumb9.jpg" />

 

+ use 'clickSlideQuery?xmls=../xml/living.xml'

 

Ive updated the rest of this post.

Edit

 

 

If this dosent work - the problem could be with the links to your pictures from the xml. As the .html is in a folder which is on the same level as the folder with your pictures in, you will need to add ../ to each entry in the xml to navigate one directory up from the .hmtl file. e.g. where pics is the name of the folder containing your pictures/thumbnails.

 

<photo pname="pics/pic9.jpg" tname="pics/thumb9.jpg" />

 

changed to :

 

<photo pname="../pics/pic9.jpg" tname="../pics/thumb9.jpg" />

 

I used the same structure that your using, and this all worked ok. You just have to keep in mind that the .swf will try to load the xml/pictures relative to the folder the html is in. So for "pics/pic9.jpg" the .swf will try to load pic9.jpg from the folder called pics which is in the directory that the .hmtl exists in, and will look for "../pics/pic9.jpg" in a folder called pics which is in the directory that contains the folder that the .html exists in.

 

Rob

Hi Roberto, got the crap working now!

 

What I did was "save as" all my sites in a new folder, DW asked if I want to relink and I chose "yes" and that automatically did this --- ../clickSlideQuery.swf?xmls=xml/bath.xml --- and all i did was to copy/paste the clickSlideQuery.fla and my folder with the xml files in the new folder as well. Then I edited the xml's and added ../ and that did it.

 

Thought I had tried that, but I guess it cheated me before.

 

Really appreciate your help dude. Thx alot!

 

Regards, Nicklas!

Hello Nicklas

 

Here is a guide to resizing the movie. If its no help, let me know.

 

Rob

clickslidehelp.pdf