Ultimate Fade-in slideshow (v2.4) does not show on Safari

[Creatiqua]

1) Script Title: Ultimate Fade-in slideshow (v2.4)

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

Dear all,

first of all, I must say that DD Ultimate Fade-In slideshow is really a GREAT tool for image rotation. I've managed to insert it into my Wordpress theme, but it doesn't show on Safari 3.x or 4.x on MAC.

Live site: http://projects.creatiqua.com/mae
(http://projects.creatiqua.com/mae)

It works very well in other browsers, but I just cannot bring it on the MAC. The Windows version of Safari shows the slideshow very fine, but no luck on Safari on MAC.

The code is:



<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/slider.css" type="text/css" media="screen" />

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

<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/fadeslideshow.js"></script>

<script type="text/javascript">

var mygallery=new fadeSlideShow({
wrapperid: "slider",
dimensions: [998, 288],
imagearray: [
["<?php bloginfo('template_directory'); ?>/images/slider/echipa1.gif"],
["<?php bloginfo('template_directory'); ?>/images/slider/educatia.gif"],
["<?php bloginfo('template_directory'); ?>/images/slider/ordinea.gif"],
["<?php bloginfo('template_directory'); ?>/images/slider/echipa2.gif"],
["<?php bloginfo('template_directory'); ?>/images/slider/economia.gif"],
["<?php bloginfo('template_directory'); ?>/images/slider/justitia.gif"]
],
displaymode: {type:'auto', pause:2500, cycles:0, wraparound:false},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 500, //transition duration (milliseconds)
descreveal: "ondemand"
})

</script>







Can you give me a hint what I did wrong? Also, I've searched the forums and did not find an answer.

P.S.: for the last 3 days I'm struggling to make it work.

Thank you in advance.

[azoomer]

Hi, Its difficult to pinpoint the exact reason for this behavior, but looking at your sourcecode I see some potential problems:
The id="aspdf" appears several times and this is not a valid markup.
jQuery is loaded 2 times and 1 should be enough ( wordpress 3.01 already has jQuery 1.4.2 in its library).
Finally you are missing the dynamicdrive copyright notice and you would want to insert that to comply with terms of use.
There could be other problems preventing the slideshow from working but fixing these things can be a start.

[Creatiqua]

Hi, Its difficult to pinpoint the exact reason for this behavior, but looking at your sourcecode I see some potential problems:
The id="aspdf" appears several times and this is not a valid markup.
jQuery is loaded 2 times and 1 should be enough ( wordpress 3.01 already has jQuery 1.4.2 in its library).
Finally you are missing the dynamicdrive copyright notice and you would want to insert that to comply with terms of use.
There could be other problems preventing the slideshow from working but fixing these things can be a start.


Thanks for the tips:

I added the copyright lines
Made the code valid
Removed the jquery extra source.

Still no result ...

Please help.

[azoomer]

In the style.css around line 100 you have this


#header {
width: 998px;
height: 119px;
float: left;
}

Try to remove the float: left; and see if it helps.