PDA

View Full Version : Swissarmy Slideshow - Alternate image fade in problem



KeenOwl
01-24-2008, 12:21 AM
1) Script Title:

Swiss Army Slideshow

2) Script URL (on DD):

http://www.dynamicdrive.com/dynamicindex14/swissarmy/index.htm

3) Describe problem:

In a nutshell - only alternate images in slideshow are displaying fade in/out effect.

You can experience this problem at:

http://www.keenowl.com/index-sample2.html

Very similar problem to what forum user CECSYSTEMS outlined at:

http://www.dynamicdrive.com/forums/showthread.php?t=23534&highlight=swissarmy

I tried to follow all the suggestions, mainly updating DOCTYPE and checked tags and metatags

I am a new coder but have had a lot of success with many DD scripts...but cannot get this one to workout well. :-(

Any help will be greatly appreciated. thanks!

jscheuer1
01-24-2008, 05:18 AM
The DOCTYPE must be the absolutely first thing on the page. You have:


<link href="images/favicon.ico" rel="shortcut icon">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">


The favicon link tag belongs in the head, after the title.

In an unrelated matter, you also have a call in your body tag to:


MM_preloadImages()

and a number of calls from link (<a>) tags to:


MM_swapImgRestore()

and:


MM_swapImage()

None of these functions appear to actually be available to the page.

BTW - Those are some very nice custom buttons!

KeenOwl
01-24-2008, 03:50 PM
Thank you, jscheuer1. :) Your clear and brief instructions did the trick.

Thank you so much!

Everything on the KeenOwl Books sample page works great now.

thanks as well for the other comments on the code...fixed those as well.

Au Revior!

Munther
07-01-2008, 02:20 PM
Thanks, Jscheuer1

Your answer to KeenOwl about problems with the fading in the swiss army slideshow did help me too.
:)

Munther
07-01-2008, 02:41 PM
Hope someone can help me!

I just watched the slideshow to see if all images was fading after moving the <!DOCTYPE HTML ...>-tag. And it worked.

Afterwards my attention was drawned to my top graphic and the positioning (using tables and spacers) was mixed up.

Have a look how it should be at http://www.foh.dk and
how it turns out moving the <!DOCTYPE HTML ....>:
http://beta.foh.dk/messelysdk

:(

jscheuer1
07-01-2008, 06:29 PM
Hope someone can help me!

I just watched the slideshow to see if all images was fading after moving the <!DOCTYPE HTML ...>-tag. And it worked.

Afterwards my attention was drawned to my top graphic and the positioning (using tables and spacers) was mixed up.

Have a look how it should be at http://www.foh.dk and
how it turns out moving the <!DOCTYPE HTML ....>:
http://beta.foh.dk/messelysdk

:(

This is really an issue with the layout of your page which has many problems, or at least potential problems from the point of view of following standards, as well as good practices in layout and design. This is not to say that when rendered as you intend it that it isn't a good design concept, as far as the intended look of the page goes. That part is good to very good.

However, just that one issue you mentioned seems to be resolved by changing the text-align style property of that td to left (it is currently set as center, at least in IE and some others). I cannot see where it is set to center though. It looks like it is inheriting it from <div align="center"> that contains it. Probably just adding this to your stylesheet will correct it:


.toprow td {
text-align:left!important;
}