First of all, great light-weight module that did something that I was needing to do for a while! However, on my site I wanted the slide show on the front page, which also contains a tabbed block (see tabbed block module) using jstools tabs. There is no problem with the slideshow, it works perfectly but my tabs are broken. (This may be an issue for tabs or tabbed block)

It works great in FF2 and Safari, and I get no script errors when they are on the same page, but for some reason the tabs do not show up in IE7.... I get some bullets where the tabs used to be and all of my tabbed blocks appearing beneath these links. As a result the links do nothing. When moved the block away from the front page and used the Slideshow Creator module instead (which is a little bulky and has bad slide transitions for this application) it fixes it.

I have tried the following:
1. Commenting out the include_once function and using drupal_add_js() instead.
2. Adding

tags in the head of my page.tpl.php My best guess is that the script in the body of the page is conflicting somehow with the tabs script in the head. Since I do not get any errors, it is like searching for a needle in a haystack. Here is my site URL: http://www.searcy.com

Comments

jcjohnson’s picture

jcjohnson commented
Status: Active » Closed (won't fix)

I couldn't ever get this to work with the fading slideshow module and tabs together. So I had to resort to the dreaded iframe. I created a fading slideshow on a stand alone page using the script provided at http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm. I used PHP to read the image directory the output the php image array in javascript. I then created a custom block and added my iframe code (of course using no scrolling or borders). And it works great!

Check it out at http://www.searcy.com

NeuZeitgeist’s picture

NeuZeitgeist commented

Could you explane more in detailes, please, how did you manage to solve this problem? What php code did you use and where did you put it.
I have the same problem in IE.
Thank you.

jcjohnson’s picture

jcjohnson commented

I wrote a php script that read a directory and output the images in the directory to a javascript array on the same page as the script from dynamic drive. I named it Slidshow.php and I used the same variable name for the array that dynamic drive used in their fading script. The problem with this is that it really is just a standalone solution framed in a drupal site, a terrible hack, but it works. Here is the php just add the "Ultimate Fade-In" script below it.

//difine Photo Directory
$PhotoDirectory ="../../files/Slideshow-FrontPage";

//open directory of images
$directory = opendir($PhotoDirectory);

//store images in $item varible
while($item = readdir($directory))
{
	if(($item != ".") && ($item != ".."))
		{
			$files[] = $item;
		}
}

//get a count of all the files
$sizeofarray = count($files) -1;
	
//Output all Javascript variables from PHP
print "<script type='text/javascript'>";

print "var Directory ='".$PhotoDirectory."/';";

print "var fadeimages=new Array();";

//Output Image Array in Javascript
for($i = 0;$i <= $sizeofarray; $i++)
{
	print 'fadeimages['.$i.']=["'. $PhotoDirectory. '/' . $files[$i].'", "", ""];';
	
}


print "</script>";