Auto fading Slideshow

chooser · **Joined:** Sun May 23, 2010 1:57 pm **Posts:** 1

Apologies for just not getting it.

I have been trying all day to get a simple Auto Fading Slideshow to work.

Yes I am a newbie, I get everything, but just not how the html code works or were it goes. Also purchased the e-book.

Is there a simple way to create a slide show file that can be imported into iWeb without the code.

Or alternatively, where does the code actually go?

I have down loaded TextWrangler and also Visual Slideshow.

I can create a slideshow in Visual Slideshow, but how do I get it into iWeb? It exports with into it's own folder with it's own index.html file?

This newbie would greatly appreciate any help or pointers in the right direction. (Must be a walk in the walk for most)

thanks Kai

http://web.me.com/phelpssculpture/Site/home.html
http://iwebfaq.org/sample/iWeb_Auto_fading_photos.html

iWebFAQ · **Posted:** Mon May 24, 2010 2:15 am

Hi Kai,

it looks like since you posted the question you got the Visual Slideshow to work.

If you want to get the Auto Fading Slideshow from my book to work and need my help I would need you to make a page, try to embed it into the page following my instructions and if it doesn't work send me a link to the page for me to have a look at the code and find out what is not working. Otherwise it's nearly impossible for me to tell.

Kind regards,
Cédric

davidlphelps · **Joined:** Mon May 24, 2010 2:42 pm **Posts:** 1

Cedric:

I'm not sure that Kai got his slideshow working or not.

he accidentally put my website address under his name, so if you look at my site by clicking on that link, you saw my site rather than his.

Sincerely, David L Phelps
http://web.mac.com/phelpssculpture/Site/home.html

lexkent · **Joined:** Mon Feb 21, 2011 2:40 am **Posts:** 2

I would like to create a slideshow just like the one at http://web.me.com/phelpssculpture/Site/home.html.

Currently I am just using the iWeb slideshow export and bringing it into iWeb. How are you guys doing it?

iWebFAQ · **Posted:** Mon Feb 21, 2011 6:03 pm

Either with this:
http://iwebfaq.org/sample/iWeb_Auto_fading_photos.html
or chapter 4 of this:
http://iwebfaq.org/site/iWeb_Photos_1.html
or in Keynote
http://iwebfaq.org/site/iWeb_Animations.html
or with an application called BannerZest:
http://www.aquafadas.com/en/bannerzest/ ... hp#presets

Regards,
Cédric

pkilpatrick · **Joined:** Sun Apr 24, 2011 6:44 am **Posts:** 2

Cedric,

I must first say that I've really enjoyed using the tips and tricks found in your ebook.

I've created a Auto-Fading photos slideshow for our website: http://www.kilpatrickfamilyfarm.com. It works great in safari and firefox but won't load in IE or Chrome for Mac.

I've tried numerous tweaks to get it to work, including:

Mass Replace it.
Manually adding the code to the page
Putting the code in an iframe.
Having a friend who knows html look at the exported page and my attempts to fix it.

Is there anything else I can do to fix it? Forty percent of our traffic comes from people with IE so I'd really like to get this fixed.

Thanks so much for your time and effort,

Philip

iWebFAQ · **Posted:** Sun Apr 24, 2011 10:28 am

Hi Philip,

The problem seems to be with this line:

Code:

displaymode: {type:'auto', pause:2500, cycles:0, wraparound:false, randomize:false},

As long as I set randomize:true everything works in Chrome, but setting randomize:false nothing works in Chrome (I don't have IE). Since I don't know why Chrome doesn't understand that or how to fix it I would recommend you to set randomize:true

Regards,
Cédric

Update: The reason is probably not the above mentioned randomize:false but your first picture! Try entering http://www.kilpatrickfamilyfarm.com/Ima ... er/CSA.jpg in Safari and it works. Try entering it in Chrome and you get nothing at all. Why? Did you change the extension from something else to .jpg? If Chrome can't read that image when setting randomize:true it simply doesn't display it and displays the other images instead. If Chrome can't read that image and it is first then Chrome doesn't display anything at all.

Update 2: Enter the URL of the image in Firefox and you get a message "The image cannot be displayed because it contains errors" so I guess it must be your image.

mkariotis · **Joined:** Tue May 10, 2011 6:15 pm **Posts:** 8

I have the same problem. I am following your instructions but I cannot make it work. Here is my page to see if you can tell me what I am doing wrong.
www.hotelthermekalymnos.com
I have deleted the google add because it was the only thing it appear in my site.
Thank you

iWebFAQ wrote:

Hi Kai,

it looks like since you posted the question you got the Visual Slideshow to work.

If you want to get the Auto Fading Slideshow from my book to work and need my help I would need you to make a page, try to embed it into the page following my instructions and if it doesn't work send me a link to the page for me to have a look at the code and find out what is not working. Otherwise it's nearly impossible for me to tell.

Kind regards,
Cédric

iWebFAQ · **Posted:** Tue May 10, 2011 9:36 pm

mkariotis wrote:

I have the same problem. I am following your instructions but I cannot make it work. Here is my page to see if you can tell me what I am doing wrong.
http://www.hotelthermekalymnos.com
I have deleted the google add because it was the only thing it appear in my site.
Thank you

Hi,

In the code you used you deleted the first line (it's not on your page):

Code:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

Also this picture http://www.hotelthermekalymnos.com/fadeimages/624.jpg and all the pictures which follow result in a Not Found message which means you didn't upload them.

Both (referring to images which aren't uploaded and omitting the first line of code) result in a not working slideshow.

Regards,
Cédric

mkariotis · **Joined:** Tue May 10, 2011 6:15 pm **Posts:** 8

Yes! Now works great. Thank you very much