PDA

View Full Version : How do I put the slideshow inside the table?



SaraK
04-21-2009, 06:50 PM
1) Script Title: Simple Controls Gallery v1.3

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex4/simplegallery.htm


3) Describe problem: I added this script to my website and it works fine. But the image slideshow for some reason sits on top of the header table and not inside the table. How do I change the position of the slideshow so that it's inside the table?

Here's the code I added to my site:



<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="verify-v1" content="H3trDBQN5jAr3e7/Qat3R7G1L6iOOXWJpnSnNJUX8jY=" />
<title>asfkdjasdgn</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="javascript" src="includes/menu.js"></script>
<script language="javascript" src="includes/opacity.js"></script>
<link rel="stylesheet" href="includes/style_mac.css" type="text/css">
<style type="text/css"><!--
a { color: #ffffff; text-decoration: none }
a:active { color: #dd0000; text-decoration: underline }
a:hover { color: #ad9400; text-decoration: underline }
body { color: 666666; font-size: 11px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
-->
</style>

<script language="JavaScript">
<!--
micmac = (navigator.userAgent.indexOf('Mac')>(-1))? true:false;

function poppaRay(){ // Ogilvy
if(micmac){
wW=799; wH=610; // źndra dessa vid behov.
}else{wW=799;wH=610}
horseWin = window.open('Aboutus/news17.html','bigMinnow','width='+wW+',height='+wH+',left=150,top=50,resizable=0,scrollbars=0');
}

function MM_initTimelines() {
//MM_initTimelines() Copyright 1997 Macromedia, Inc. All rights reserved.
var ns = navigator.appName == "Netscape";
document.MM_Time = new Array(1);
document.MM_Time[0] = new Array(1);
document.MM_Time["Timeline1"] = document.MM_Time[0];
document.MM_Time[0].MM_Name = "Timeline1";
document.MM_Time[0].fps = 15;
document.MM_Time[0][0] = new String("behavior");
document.MM_Time[0][0].frame = 10;
document.MM_Time[0][0].value = "MM_showHideLayers('mainmenu1','','hide','mainmenu2','','hide','mainmenu3','','hide','mainmenu4','','hide','mainmenu5','','hide','mainmenu6','','hide')";
document.MM_Time[0].lastFrame = 10;
for (i=0; i<document.MM_Time.length; i++) {
document.MM_Time[i].ID = null;
document.MM_Time[i].curFrame = 0;
document.MM_Time[i].delay = 1000/document.MM_Time[i].fps;
}
}
//-->
</script>
<script type="text/javascript" src="includes/jquery-1.2.6.pack.js"></script>

<style>
body{
/*Remove below line to make bgimage NOT fixed*/
background-repeat: no-repeat;
/*Use center center in place of 300 200 to center bg image*/
background-position: center 85px;
}
</style>

<script language="JavaScript1.2">

//Background Image Slideshow- © Dynamic Drive (www.dynamicdrive.com)
//For full source code, 100's more DHTML scripts, and TOS,
//visit http://www.dynamicdrive.com

//Specify background images to slide
var bgslides=new Array()
bgslides[0]="images/BG1.jpg"
bgslides[1]="images/BG2.jpg"

//Specify interval between slide (in miliseconds)
var speed=3000

//preload images
var processed=new Array()
for (i=0;i<bgslides.length;i++){
processed[i]=new Image()
processed[i].src=bgslides[i]
}

var inc=-1

function slideback(){
if (inc<bgslides.length-1)
inc++
else
inc=0
document.body.background=processed[inc].src
}

if (document.all||document.getElementById)
window.onload=new Function('setInterval("slideback()",speed)')

</script>
</head>

<body bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"><div align="center"><div id="simplegallery1"></div>

<table width="799" border="0" cellspacing="0" cellpadding="0">

<tr>
<td align="left" valign="top" width="799">
<table id="Table_01" width="799" height="80" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="7" align="left" valign="top" bgcolor="white"><img src="images/MicrotechLogo.gif" width="799" height="55" alt=""></td>
</tr>

</body>