PDA

View Full Version : Ultimate Slideshow images move when browser is resized



samspurgeon
07-18-2006, 09:57 AM
Ultimate Slideshow 1.5

My site (www.frostbitefilms.tv (http://frostbitefilms.tv)) consists of a table that is always centered in the browser window. In this table there is a cell containing a slideshow - while the x value remains correct, y stays at a fixed value and so when the browser is resized, the slideshow moves out of position.

Any help greatly apprciated, i've been bashing my head against a brick wall!

Thanks

Sam

jscheuer1
07-19-2006, 07:19 AM
There are several things wrong with the page. The scripts should be enclosed in tags like these:


<script type="text/javascript">

</script>

not the outmoded ones you are using. There are many HTML comments were none belong, in fact there were no required HTML comment blocks on the page so get rid of all:


<!--

and all:


-->

The script is outside of the document. The start of your page should be like so:


<html>
<head>
<title>...::: frostbite films :::...</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="CACHE-CONTROL" content="NO-CACHE">
<link rel="stylesheet" type="text/css" href="frostbite.css">
<script type="text/javascript">
/***********************************************
* Ultimate Fade-In Slideshow (v1.5): Dynamic Drive (http://www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/

var fadeimages=new Array()
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages[0]=["front.jpg", "", ""]
fadeimages[1]=["front1.jpg", . . .

portions removed to save space

. . .eout=function(){cacheobj.mouseovercheck=0}
}
this.rotateimage()
}

// Copyright (c) 2000 internet.com Corp.
// http://www.webreference.com/js/
// License is granted if and only if this entire
// copyright notice is included. By Tomer Shiran.

function launch(newURL, newName, newFeatures, orgName) {
var remote = open(newURL, newName, newFeatures);
if (remote.opener == null)
remote.opener = window;
remote.opener.name = orgName;
return remote;
}
function launchRemote() {
myRemote = launch("snow.asp", "", "height=550,width=450,screenX=50,left=50,screenY=50,top=50,channelmode=0,dependent=1,directories=0,fullscreen=0,location=0,menubar=0,resizable=0,scrollbars=1,sta tus=0,toolbar=0", "");
}
</script>
</head>

And here is the fix for your problem, replace:


<td bgcolor='#333333' width='30%' height=140><font color='#FFFFFF'><font size=1><SCRIPT LANGUAGE='JavaScript'>new fadeshow(fadeimages, 230, 139, 0, 3000, 1, 'R')</script></font>
</td>

with:


<td bgcolor='#333333' width='30%' height=140 style="position:relative;"><script type="text/javascript">
new fadeshow(fadeimages, 230, 139, 0, 3000, 1, 'R')</script>
</td>

samspurgeon
07-19-2006, 11:46 AM
Wow, thanks a lot John, that works perfectly!! your help is much appreciated!!

Sam