PDA

View Full Version : problem when adding 2 Advanced Push-Button SlideShow into 1 page



David KIKI
10-20-2005, 08:08 AM
I am having problem when i try to add 2 Advanced Push-Button SlideShow in the same page.
I have changed some value but does not work.
Can anyone hepl.
this is what I've done:
<HTML>
<HEAD>

<style>
.Caption {
font-family: Arial;
font-weight: normal;
font-size: 12pt;
color: #FF3300; }

A.Controls:link { color:#666666;
text-decoration:none;
font-family: Arial;
font-size: 14pt;
font-weight: bold; }
A.Controls:visited { color:#666666; text-decoration:none;
font-family: Arial;
font-size: 14pt;
font-weight: bold; }
A.Controls:active { color:#666666; text-decoration:none;
font-family: Arial;
font-size: 14pt;
font-weight: bold; }
A.Controls:hover { color:#00FF00; text-decoration:none;
font-family: Arial;
font-size: 14pt;
font-weight: bold; }

</style>


<!-- 1st script -->
<script>

// (C) 2003 by CodeLifter.com
// Free for all users, but leave in this header.

// ==============================
// Set the following variables...
// ==============================

// Set the slideshow speed (in milliseconds)
var SlideShowSpeed = 3000;

// Set the duration of crossfade (in seconds)
var CrossFadeDuration = 2;

var Picture = new Array(); // don't change this
var Caption = new Array(); // don't change this
var showHot = false; // don't change this


Picture[1] = '../images/slider32_lgr.jpg';
Picture[2] = '../images/slider12_lgr.jpg';
Picture[3] = '../images/slider15_lgr.jpg';
Picture[4] = '../images/slider32_lgr.jpg';
Picture[5] = '../images/slider31_lgr.jpg';
Picture[6] = '../images/slider34_lgr.jpg';
Picture[7] = '../images/slider20_lgr.jpg';
Picture[8] = '../images/slider30_lgr.jpg';
Picture[9] = '../images/slider30e_lgr.jpg';
Picture[10] = '../images/slider30g_lgr.jpg';


Caption[1] = "This is the first caption.";
Caption[2] = "This is the second caption.";
Caption[3] = "This is the third caption.";
Caption[4] = "This is the fourth caption.";
Caption[5] = "This is the fifth caption.";
Caption[6] = "This is the sixth caption.";
Caption[7] = "This is the seventh caption.";
Caption[8] = "This is the eighth caption.";
Caption[9] = "This is the ninth caption.";
Caption[10] = "This is the tenth caption.";

// =====================================
// Do not edit anything below this line!
// =====================================

var tss;
var iss;
var jss = 0;
var pss = Picture.length-1;

var preLoad = new Array();
for (iss = 1; iss < pss+1; iss++){
preLoad[iss] = new Image();
preLoad[iss].src = Picture[iss];}

function control(how){
if (showHot){
if (how=="H") jss = 1;
if (how=="F") jss = jss + 1;
if (how=="B") jss = jss - 1;
if (jss > (pss)) jss=1;
if (jss < 1) jss = pss;
if (document.all){
document.images.PictureBox.style.filter="blendTrans(duration=2)";
document.images.PictureBox.style.filter="blendTrans(duration=CrossFadeDuration)";
document.images.PictureBox.filters.blendTrans.Apply();}
document.images.PictureBox.src = preLoad[jss].src;
if (document.getElementById) document.getElementById("CaptionBox").innerHTML= Caption[jss];
if (document.all) document.images.PictureBox.filters.blendTrans.Play();
}}

</script>






<!-- 2nd script -->
<script>

// (C) 2003 by CodeLifter.com
// Free for all users, but leave in this header.

// ==============================
// Set the following variables...
// ==============================

// Set the slideshow speed (in milliseconds)
var SlideShowSpeed = 3000;

// Set the duration of crossfade (in seconds)
var CrossFadeDuration = 2;

var Picture2 = new Array(); // don't change this
var Caption2 = new Array(); // don't change this
var showHot2 = false; // don't change this



Picture2[1] = 'images/slider32_lgr.jpg';
Picture2[2] = 'images/slider12_lgr.jpg';
Picture2[3] = 'images/slider15_lgr.jpg';
Picture2[4] = 'images/slider32_lgr.jpg';
Picture2[5] = 'images/slider31_lgr.jpg';
Picture2[6] = 'images/slider34_lgr.jpg';
Picture2[7] = 'images/slider20_lgr.jpg';
Picture2[8] = 'images/slider30_lgr.jpg';
Picture2[9] = 'images/slider30e_lgr.jpg';
Picture2[10] = 'images/slider30g_lgr.jpg';


Caption2[1] = "This is the first caption.";
Caption2[2] = "This is the second caption.";
Caption2[3] = "This is the third caption.";
Caption2[4] = "This is the fourth caption.";
Caption2[5] = "This is the fifth caption.";
Caption2[6] = "This is the sixth caption.";
Caption2[7] = "This is the seventh caption.";
Caption2[8] = "This is the eighth caption.";
Caption2[9] = "This is the ninth caption.";
Caption2[10] = "This is the tenth caption.";

// =====================================
// Do not edit anything below this line!
// =====================================

var tss;
var iss;
var jss = 0;
var pss = Picture.length-1;

var preLoad = new Array();
for (iss = 1; iss < pss+1; iss++){
preLoad[iss] = new Image();
preLoad[iss].src = Picture[iss];}

function control(how){
if (showHot){
if (how=="A") jss = 1;
if (how=="M") jss = jss + 1;
if (how=="N") jss = jss - 1;
if (jss > (pss)) jss=1;
if (jss < 1) jss = pss;
if (document.all){
document.images.PictureBox.style.filter="blendTrans(duration=2)";
document.images.PictureBox.style.filter="blendTrans(duration=CrossFadeDuration)";
document.images.PictureBox.filters.blendTrans.Apply();}
document.images.PictureBox.src = preLoad[jss].src;
if (document.getElementById) document.getElementById("CaptionBox").innerHTML= Caption[jss];
if (document.all) document.images.PictureBox.filters.blendTrans.Play();
}}

</script>



</HEAD>

<BODY onload='showHot=true;self.focus();','showHot1=true;self.focus();'>

<!-- 1st call cell script -->


<TABLE border="0" width="800" ALIGN="center" valign=middle cellpadding="0" cellspacing="0">
<TR><TD>

<div align="center">
<table border=0 cellpadding=10 cellspacing=0>
<tr>

<td width=350 height=280 colspan="3">
<img src=Nebula00.gif name=PictureBox width=350 height=280>
</td>
</tr>
<tr>

<td id=CaptionBox class=Caption align=center colspan="3">
This is the default caption.
</td>
</tr>

<tr>
<td align="center">
<a class=Controls href="#" onClick="javascript:control('B');">< <</a>
</td>
<td align="center">
<a class=Controls href="#" onClick="javascript:control('H');">| | |</a>
</td>
<td align="center">
<a class=Controls href="#" onClick="javascript:control('F');"><b>> ></b></a>
</td>
</tr>
</table>

</div>
</TD>

<td width="50%" >

<!-- 2nd call cell script -->
<div align="center">


<table border=0 cellpadding=10 cellspacing=0>
<tr>

<td width=350 height=280 colspan="3" >
<img src=Nebula00.gif name=PictureBox2 width=350 height=280>
</td>
</tr>
<tr>

<td id=CaptionBox class=Caption2 align=center colspan="3">
This is the default caption.
</td>
</tr>

<tr>
<td align="center">
<a class=Controls href="#" onClick="javascript:control('N);">< <</a>
</td>
<td align="center">
<a class=Controls href="#" onClick="javascript:control('A');">| | |</a>
</td>
<td align="center">
<a class=Controls href="#" onClick="javascript:control('M');"><b>> ></b></a>
</td>
</tr>
</table>

</div>
</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</BODY>
</HTML>