Ultimate Slideshow images move when browser is resized

**samspurgeon** · 07-18-2006, 09:57 AM

Ultimate Slideshow 1.5

My site (www.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:

Code:

<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:

Code:

<!--

and all:

Code:

-->

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

Code:

<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,status=0,toolbar=0", "");
}
</script>
</head>

And here is the fix for your problem, replace:

Code:

	    <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:

Code:

<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

Thread: Ultimate Slideshow images move when browser is resized

Thread Tools

Search Thread

Ultimate Slideshow images move when browser is resized

thanks!

Bookmarks

Bookmarks

Posting Permissions