Slideshow transition

GarethWilliams · #1 (**permalink**) Mar 21st, 2006, 10:43

Hi there,

I'm hoping for a little help with a javascript that I'm using to create a table background.

I have three images which change as a table background. I would like them to fade in and out of one another.

Is there a function or a line of some sort that I can add to the script below to make this happen? I'm not a web design expert and I'm totally lost on this one - UI've tried everything I can think of!

<style>
#bslide {
/*Remove below line to make bgimage NOT fixed*/
background-attachment:fixed;
background-repeat: no-repeat;
/*Use center center in place of 300 200 to center bg image*/
background-position: center;
}
</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/janie1.gif"
bgslides[1]="images/janie2.gif"
bgslides[2]="images/janie3.gif"
//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.getElementById? document.getElementById('bslide').background=proce ssed[inc].src : document.all['bslide'].background=processed[inc].src
}
if (document.all||document.getElementById)
window.onload=new Function('setInterval("slideback()",speed)')

</script>
<link href="janie.css" rel="stylesheet" type="text/css">
</head>
<body>
<table width="864" height="500" align="center" id="bslide">

etc etc

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
help with mx transition	macuser	Flash & Multimedia Forum	0	Jun 5th, 2008 17:16
Apply transition to a div	blkskull	JavaScript Forum	0	Feb 26th, 2008 14:00
Help with timeline transition	LyndonSG	Flash & Multimedia Forum	1	Aug 15th, 2007 07:56
PHoto Transition	RL525	Flash & Multimedia Forum	1	Jul 23rd, 2007 16:16
Melting transition	deoxymethyl	Flash & Multimedia Forum	1	May 9th, 2006 19:16

		Webforumz.com > Main Forums > Program Your Website > JavaScript Forum
Slideshow transition