PDA

View Full Version : slide show



tabidanielle
08-04-2015, 10:06 PM
1) Script Title: Ultimate Fade-In Slideshow

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm

3) Describe problem: I don't understand this script. It says to "simply" paste here and "simply" paste that there, download these files and voila (basically). However, when I try to "simply" paste this here and "simply" paste that there, and download these files all that happens is that any other pictures I have on my site's homepage breaks.What do I do? What steps is this thing missing? Also, it says to check inside the fade slideshow file to make sure that it redirects to the correct pic on the comp but I couldn't find where I would do that. Not to mention that it shows 4 demos and there is only one code. What the heck am I missing here?

Beverleyh
08-04-2015, 10:29 PM
it says to check inside the fade slideshow file to make sure that it redirects to the correct pic yes, you need to make sure the paths to the loading.gif and restore.png are correct for your setup.


Not to mention that it shows 4 demos and there is only one code.Right. Except that there are two. The live page demonstrates some of the options detailed in the settings further down the page, while the copy-and-paste code gives you a leaner starting point. It's up to you to choose the additional settings.

Overall the instructions are clear and straightforward, but bear in mind that the slideshow is subject to the same rules, logic and best practices that any other web page or script integration is - e.g. Only one jQuery library per page, no conflict mode if other libraries are present (MooTools), knowledge of web page structure, source order of this in relation to other jQuery plugins, valid Doctype, etc. Here is where developer knowledge and troubleshooting experience comes in handy.

If something isn't working for you, then we need to see the actual page, so post a link and someone can give you a few pointers.

tabidanielle
08-04-2015, 10:45 PM
[QUOTE=Beverleyh;313789]yes, you need to make sure the paths to the loading.gif and restore.png are correct for your setup.


Okay so I'm trying to work on one suggestion at a time. I don't understand this though. I'm honestly feeling a little stupid. I used to get html and now it's been so long and it's changed so much. My powers of logic are not strong on this one!

Beverleyh
08-05-2015, 02:52 PM
Change the path to where you upload them. If in doubt, work with absolute paths (the ones starting with a 'http://'), so if you upload the loading.gif and restore.png images to your root folder (the main web-accessible folder of your website), the paths would be 'http://www.website.com/loading.gif' and 'http://www.website.com/restore.png'.

tabidanielle
08-05-2015, 04:55 PM
Change the path to where you upload them. If in doubt, work with absolute paths (the ones starting with a 'http://'), so if you upload the loading.gif and restore.png images to your root folder (the main web-accessible folder of your website), the paths would be 'http://www.website.com/loading.gif' and 'http://www.website.com/restore.png'.


okay so if my hypothetical website was tabidanielle.com i would make the path be tabidanielle.com/loading etc?

tabidanielle
08-05-2015, 05:59 PM
Change the path to where you upload them. If in doubt, work with absolute paths (the ones starting with a 'http://'), so if you upload the loading.gif and restore.png images to your root folder (the main web-accessible folder of your website), the paths would be 'http://www.website.com/loading.gif' and 'http://www.website.com/restore.png'.

controls: [['x.png', 8, 8], ['restore.png', 14, 15.5], ['loading.gif', 54, 55]], //full URL and dimensions of close, restore, and loading images

thats the line of code. do i change those numbers or what?

Beverleyh
08-05-2015, 07:12 PM
Not the numbers (unless you've used different sized images) - just the paths. The paths you put in there need to be the URL locations of said images.

As previously suggested (using your example);
if you upload the loading.gif and restore.png images to your root folder (the main web-accessible folder of your website), the paths would be 'http://www.tabidanielle.com/loading.gif' and 'http://www.tabidanielle.com/restore.png'.

If you need more help, please provide a link to your page.

tabidanielle
08-05-2015, 07:39 PM
Not the numbers (unless you've used different sized images) - just the paths. The paths you put in there need to be the URL locations of said images.

As previously suggested (using your example);

If you need more help, please provide a link to your page.


I don't understand where I would put the http address. the website I'm working on is emporiony.com

Beverleyh
08-05-2015, 08:01 PM
Example

Look for 'restore.png' on the controls line

Change it to 'http://emporiony.com/restore.png'

Upload the image to the root of your website (so that the path matches it in the script)

Repeat for the other control images.

PS - I don't see the Fade In Slideshow script in your web page. If you need help with it, we have to see how youre attempting to set it up so that we can suggest where you're going wrong.

tabidanielle
08-05-2015, 09:47 PM
Example

Look for 'restore.png' on the controls line

Change it to 'http://emporiony.com/restore.png'

Upload the image to the root of your website (so that the path matches it in the script)

Repeat for the other control images.

PS - I don't see the Fade In Slideshow script in your web page. If you need help with it, we have to see how youre attempting to set it up so that we can suggest where you're going wrong.



Thank yyou so much. I have figured out the issue and it is resolved. I haven't made it live yet bc I still need to figure out what pics I want to use but the concept is down pat. Again, thank you for your help.