how to copy slideshow files to server???

  • 1
  • Question
  • Updated 9 years ago
  • Answered
I used photo gallery builder to make a new slide show. After I finished the slideshow, its just give me an idea for how to publish it on my website.
But it doesn't work!!!!

Here is the HINT:
How to insert the gallery on your web-page?

When you have published your gallery then you are able to upload it to a website.

1. Open the folder where your gallery was published.

2.Copy the gallery folder with all files located to the server where your webpage is.

You will get approximately this list of files:
/yourWebPage.html – your webpage
/gallery/
/gallery/config.xml
/gallery/gallery.swf
/gallery/js/
/gallery/js/jquery.js
/gallery/js/swfobject.js
/gallery/js/flashgallery.js
/gallery/images/
/gallery/images/1.jpg
/gallery/images/t1.jpg
/gallery/images/2.jpg
/gallery/images/t2.jpg
/gallery/images/3.jpg
/gallery/images/t3.jpg
...
/gallery/images/n.jpg
/gallery/images/tn.jpg
3.Copy this embed code:

4. Paste the copied code to your webpage.
Photo of Kami Del

Kami Del

  • 34 Posts
  • 0 Reply Likes

Posted 9 years ago

  • 1
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Hi Kami Del,

There is a little bit missing from your post (because the forum is trying to ignore some of the HTML tags included in the code) and that's the embed code under #3.
can you repost this and add some tags before and after the code as shown. (This protects the code from the engine) .
<!--

<code>
{embed code goes here}
</code>

--> Please ignore the <!-- and the --> this is to trick the engine also.

It's a reasonably complex process for this gallery slide show. as you need to upload a number of files into your file manager and change the paths within the code that you have been supplied with.

You need to make a few new new sub-folders within your File Manager.

The first folder would be gallery
and you would uplaod config.xml and gallery.swf into that created subfolder.

Next you will need to create another sub-sub folder within gallery called js and to that upload; jquery.js, swfobject.js, flashgallery.js

Third folder is also a sub-sub folder within gallery called images. to this folder then you would uplaod 1.jpg; t1.jpg; 2.jpg; t2.jpg; 3.jpg; t3.jpg.... n.jpg; tn.jpg

Then we need to see the embed code to see what other requirements there may be. This also presumes that you are subscribed to Yola Silver it won't work as it stands if you have the Yola Free or Yola Bronze.
Photo of Kami Del

Kami Del

  • 34 Posts
  • 0 Reply Likes
Hi Gop

Can you please send me your email address, I tried several times to send you the html codes, But it doesn't work

Thanks
Photo of Gop

Gop

  • 189 Posts
  • 54 Reply Likes
Yes I understand the confusing nature of codes very well.

If you can manage to post the Embed Code

wrapped between two tags hopefully as illustrated here:
<!--
<code>
{Your Embed Code}
</code>
-->

Then this can be viewed on the forum.

So what you do it type this string completely:
<!--<code>
Now after the <code> paste in your Embed Code
Then type </code> at the end.-->

* Please ignore the character sequence <!-- and --> I have to type these in so that you can see a few tags otherwise they become invisible.

If that is too hard then please send me an email with this information to:
gop@phuphamanorchids.com and I will then respond here on this forum.
Photo of Kami Del

Kami Del

  • 34 Posts
  • 0 Reply Likes
<script type="text/javascript" src="gallery/js/jquery.js"></script>
<script type="text/javascript" src="gallery/js/swfobject.js"></script>
<script type="text/javascript" src="gallery/js/flashgallery.js"></script>
<script type="text/javascript">
jQuery.flashgallery('gallery/gallery.swf', 'gallery/config.xml', { width: '800px', height: '500px', background: 'transparent' });
</script>
Photo of Kami Del

Kami Del

  • 34 Posts
  • 0 Reply Likes
Here is the code, I did what you said about put them in their files. after I paste the code in to the html widget, nothing appears..
Photo of Gop

Gop

  • 189 Posts
  • 54 Reply Likes
That may be OK Kami. Still a little bit premature for me to tell as it still needs to be configured.

May I ask if you are a Yola Silver subscriber or are you on the Free Plan?
Photo of Kami Del

Kami Del

  • 34 Posts
  • 0 Reply Likes
I tried the code, But it doesn't work.
I'm a yola Siver subscriber
Photo of Gop

Gop

  • 189 Posts
  • 54 Reply Likes
Good.

We still need to do more things to get it working though.
You need to make a Folder in your File manager and label it gallery
Then when that is created go into the gallery folder and create a sub-folder called js

After finishing that then you must upload the javascript files;

  1. jquery.js

  2. swfobject.js

  3. flashgallery.js



to your file manager in the sub-folder your created called js

There are more things to do. let me know how you go with this.
Photo of Kami Del

Kami Del

  • 34 Posts
  • 0 Reply Likes
I did what you said from the beginning, But it doesn't work. I made the folders, upload the files and pictures. Then Paste the code in the html widget, but when I save it, it doesnt show anything!!!
Photo of Gop

Gop

  • 189 Posts
  • 54 Reply Likes
Still not finished. We still have to configure the slideshow.

Can you publsih your site as it stands and I will have a look at where it is at this time.?
Photo of Kami Del

Kami Del

  • 34 Posts
  • 0 Reply Likes
here is the site : http://www.queenkc.ca/
in the home page above the first horizontal line. But nothing is there
Photo of Gop

Gop

  • 189 Posts
  • 54 Reply Likes
Before we go any further Kami may I ask if you expect this to work on ipads etc? I have just noticed your other thread.

It won't work on these products. as they don't support Flash.
Photo of Kami Del

Kami Del

  • 34 Posts
  • 0 Reply Likes
Well, I'm trying to find a simple way to place a slideshow without any thumbnail, arrows and logo for the home page, and one with everything in the gallery.
About i pad and ipod I was trying to find a compatible slideshow but after you left me the msg I changed my mind .
Photo of Gop

Gop

  • 189 Posts
  • 54 Reply Likes
OK. Thanks for clearing that up.

You need to make another adjustment to the path names. by default all yola built sites have the name resources for the File Manager

So if you can go and edit all the path file names to include the string /resources/gallery.... then this will be an understood path. At the moment if I click on any file beginning with the /gallery/ prefix it gives me a 404 error (Not Found)

PS: You don't have to create a flder called resources it's already there.
Photo of Kami Del

Kami Del

  • 34 Posts
  • 0 Reply Likes
Sorry, I'm a bit confused. Can you tell me where should I make these changes?
Photo of Kami Del

Kami Del

  • 34 Posts
  • 0 Reply Likes
Awesome, It works now!!
Photo of Kami Del

Kami Del

  • 34 Posts
  • 0 Reply Likes
But, It doesn't show the pictures
Photo of Gop

Gop

  • 189 Posts
  • 54 Reply Likes
Aplogies for confusing you.

Can you see where I have added the word resources to many of the lines of these codes?

You can copy and paste this into the place where the original copy is; overwriting the old.


<script type="text/javascript" src="resources/gallery/js/jquery.js"></script>
<script type="text/javascript" src="resources/gallery/js/swfobject.js"></script>
<script type="text/javascript" src="resourcesgallery/js/flashgallery.js"></script>
<script type="text/javascript">
jQuery.flashgallery('resources/gallery/gallery.swf', 'resources/gallery/config.xml', { width: '800px', height: '500px', background: 'transparent' });
</script>


You should open the "config.xml" file as well with Notepad and make simialr changes to path names if they occur there. I don't have the whole config.xml file so can't do that from here. You are welcome to send it to me if you wish..
Photo of Gop

Gop

  • 189 Posts
  • 54 Reply Likes
Kami. May I put this on hold for a bit. My dog has just decided to whelp, right now and she is a bit frantic and distressed with her pain.
Photo of Kami Del

Kami Del

  • 34 Posts
  • 0 Reply Likes
Thank you very much for your help.I really appreciate. I will do my best to change and try, If you go to the website it shows the slide show, but not all the images!!! Thanq once again
Photo of Sanja

Sanja

  • 10698 Posts
  • 495 Reply Likes
Thanks so much Gop for your assistance with this! Kami is in good hands with you.
Photo of Gop

Gop

  • 189 Posts
  • 54 Reply Likes
OK Kami. One down and six ultrasound images to follow. The pup is black, looks healthy healthy and sucking. "Yourdog"( mother's name) is white so I guess you could say that she is a xenophilic dam and a thorough bred ... thoroughly bred by every wandering sire in her scent (damn it).

Back to the real issues. if you can see images then the show works. Image issues are usually to do with names and path errors. Check all your image names of the files in the folder gallery/images/ they must match the exact name within the xml file to the very last character and no shortcuts will work. You also need to use valid characters with Roman characters being the most likely to work. Spaces in names can be an issue and if you have such image names then suggest that you exchange the space or space code ( %20 is the space code I think) and replace this code with a hyphen.
Check your .xml file likewise; plus the full path name for each image not forgetting the leading resources/

If it's a timing error and you're seeing your images appearing in one cycle and not in another then this is a timeout situation and I really don't know how to manage that. It could be a loading time issue or a pre-load issue or other aspects that are mysterious to me. I generally just wait a while and check again later, but it doesn't happen very often at all.
Photo of Kami Del

Kami Del

  • 34 Posts
  • 0 Reply Likes
That's weird, because when I made simialr changes to path names in config.xml slide show completely stopped working...
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Hi Kami. If this is still an issue can you copy your {.xml} file contents to here and also the image file names as they are stored in your images subfolder.

I think that this is more of case now of two sets of eyes and reducing the risks of oversights only.
Photo of Kami Del

Kami Del

  • 34 Posts
  • 0 Reply Likes
<gallery>

<settings>

<buttons>

<fullScreenButton>1</fullScreenButton>
<position>right</position>
<slideshowButton>1</slideshowButton>
<navigationButtons>1</navigationButtons>
</buttons>
<caption>

<fontName>Arial</fontName>
<bgColor>0</bgColor>
<fontSize>11</fontSize>
<visibleMode>onRollOver</visibleMode>
<color>16777215</color>
<bgAlpha>30</bgAlpha>
<position>bottom</position>
</caption>
<preloader>

<usePreloader>1</usePreloader>
<alpha>80</alpha>
</preloader>
<thumbBar>

<useThumbBar>1</useThumbBar>
<scrollSpeed>10</scrollSpeed>
<position>bottom</position>
</thumbBar>
<startInFullScreen>0</startInFullScreen>
<slideshow>

<stopAutoOnClick>1</stopAutoOnClick>
<start>0</start>
<loop>1</loop>
<delay>2.5</delay>
</slideshow>
<image>

<useShadow>1</useShadow>
<transitionDuration>1</transitionDuration>
<scaleMode>fill</scaleMode>
<transitionEffect>fit</transitionEffect>
<cornerRadius>10</cornerRadius>
<align>center</align>
</image>
<thumbnail>

<useShadow>1</useShadow>
<outlineColor>3355443</outlineColor>
<cornerRadius>0</cornerRadius>
<alpha>100</alpha>
<outlineColorOnRollOver>6710886</outlineColorOnRollOver>
<width>60</width>
<outlineColorOnClick>10066329</outlineColorOnClick>
<height>45</height>
</thumbnail>
<background>

<transparentBG>1</transparentBG>
<bgColor>16777215</bgColor>
</background>
<preview>

<useShadow>1</useShadow>
<outlineColor>16777215</outlineColor>
<cornerRadius>10</cornerRadius>
<usePreview>1</usePreview>
<alpha>100</alpha>
<width>200</width>
<height>100</height>
</preview>
</settings>
<items>
<item>

<thumb>gallery/images/t1.jpg</thumb>
<source>gallery/images/1.jpg</source>
</item>
<item>

<thumb>gallery/images/t2.jpg</thumb>
<source>gallery/images/2.jpg</source>
</item>
<item>

<thumb>gallery/images/t3.jpg</thumb>
<source>gallery/images/3.jpg</source>
</item>
<item>

<thumb>gallery/images/t4.jpg</thumb>
<source>gallery/images/4.jpg</source>
</item>
<item>

<thumb>gallery/images/t5.jpg</thumb>
<source>gallery/images/5.jpg</source>
</item>
<item>

<thumb>gallery/images/t6.jpg</thumb>
<source>gallery/images/6.jpg</source>
</item>
<item>

<thumb>gallery/images/t7.jpg</thumb>
<source>gallery/images/7.jpg</source>
</item>
</items>
</gallery>
Photo of Kami Del

Kami Del

  • 34 Posts
  • 0 Reply Likes
I made all the folders require in file manager as follow:
gallery/config
gallery/gallery
gallery/myswffile
gallery/images/1
...
gallery/images/7
gallery/images/t1
...
gallery/images/t7
gallery/jc/flashgallery
gallery/jc/jquery
gallery/jc/swfobject
gallery/jc/img/close
gallery/jc/img/left
gallery/jc/img/loader
gallery/jc/img/right
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
All the images are .jpg files? The file extension is an important part of the name of the file itself.

You also need to edit the xml file and precede all file paths with the folder name resources/

for example:

<thumb>gallery/images/t7.jpg</thumb>
<source>gallery/images/7.jpg</source>

needs to be edited to:
<thumb>resources/gallery/images/t7.jpg</thumb>
<source>resources/gallery/images/7.jpg</source>
Photo of Kami Del

Kami Del

  • 34 Posts
  • 0 Reply Likes
All of them are .jpg
and I changed the xml file like :
<gallery>

<settings>

<buttons>

<fullScreenButton>1</fullScreenButton>
<position>right</position>
<slideshowButton>1</slideshowButton>
<navigationButtons>1</navigationButtons>
</buttons>
<caption>

<fontName>Arial</fontName>
<bgColor>0</bgColor>
<fontSize>11</fontSize>
<visibleMode>onRollOver</visibleMode>
<color>16777215</color>
<bgAlpha>30</bgAlpha>
<position>bottom</position>
</caption>
<preloader>

<usePreloader>1</usePreloader>
<alpha>80</alpha>
</preloader>
<thumbBar>

<useThumbBar>1</useThumbBar>
<scrollSpeed>10</scrollSpeed>
<position>bottom</position>
</thumbBar>
<startInFullScreen>0</startInFullScreen>
<slideshow>

<stopAutoOnClick>1</stopAutoOnClick>
<start>0</start>
<loop>1</loop>
<delay>2.5</delay>
</slideshow>
<image>

<useShadow>1</useShadow>
<transitionDuration>1</transitionDuration>
<scaleMode>fill</scaleMode>
<transitionEffect>fit</transitionEffect>
<cornerRadius>10</cornerRadius>
<align>center</align>
</image>
<thumbnail>

<useShadow>1</useShadow>
<outlineColor>3355443</outlineColor>
<cornerRadius>0</cornerRadius>
<alpha>100</alpha>
<outlineColorOnRollOver>6710886</outlineColorOnRollOver>
<width>60</width>
<outlineColorOnClick>10066329</outlineColorOnClick>
<height>45</height>
</thumbnail>
<background>

<transparentBG>1</transparentBG>
<bgColor>16777215</bgColor>
</background>
<preview>

<useShadow>1</useShadow>
<outlineColor>16777215</outlineColor>
<cornerRadius>10</cornerRadius>
<usePreview>1</usePreview>
<alpha>100</alpha>
<width>200</width>
<height>100</height>
</preview>
</settings>
<items>
<item>

<thumb>resources/gallery/images/t1.jpg</thumb>
<source>resources/gallery/images/1.jpg</source>
</item>
<item>

<thumb>resources/gallery/images/t2.jpg</thumb>
<source>resources/gallery/images/2.jpg</source>
</item>
<item>

<thumb>resources/gallery/images/t3.jpg</thumb>
<source>resources/gallery/images/3.jpg</source>
</item>
<item>

<thumb>resources/gallery/images/t4.jpg</thumb>
<source>resources/gallery/images/4.jpg</source>
</item>
<item>

<thumb>resources/gallery/images/t5.jpg</thumb>
<source>resources/gallery/images/5.jpg</source>
</item>
<item>

<thumb>resources/gallery/images/t6.jpg</thumb>
<source>resources/gallery/images/6.jpg</source>
</item>
<item>

<thumb>resources/gallery/images/t7.jpg</thumb>
<source>resources/gallery/images/7.jpg</source>
</item>
</items>
</gallery>
Photo of Kami Del

Kami Del

  • 34 Posts
  • 0 Reply Likes
And It works, Perfect buddy. you are awesome
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Kami great that you got it working. It looks really sharp and elegant and fits in beautifully with your site. Congratulations.
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Please don't feel that you have to do this but I think that slideshow is one of the nicest and unaffected that I have seen. If you are happy to share the origin website or whatever I'm sure a lot of people would love to play with it.

I understand though if you wish to hold it close to your chest for the time being.
Photo of Kami Del

Kami Del

  • 34 Posts
  • 0 Reply Likes
Thanks Gop for all advises and helps.
Photo of Kami Del

Kami Del

  • 34 Posts
  • 0 Reply Likes
Check the slide show now. This is what I was trying to get out of it.
www.queenkc.ca
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Very nice choice of slide show and great images and site.
Photo of Sanja

Sanja

  • 10698 Posts
  • 495 Reply Likes
Well done Kami and Gop! It looks fantastic!