471,316 Members | 1,660 Online
Bytes | Software Development & Data Engineering Community
Post +

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 471,316 software developers and data experts.

Q. A 'static' image swapper with links ?


Hi,

The code below comes directly from http://www.dynamicdrive.com.
It does exactly half of what I'd like it to do.
The other half is this:

I'd like the image block of the changing images to move up and down,
as the user scrolls up and down on the page.

Can any of you folks suggest how I would envelope the following code
(of course I will change the images to my own) to move up and down on
the page as the page is scrolled up and down (static?) ?

Thanks,
George

The effect of the code, as it is, can be seen at:
http://dynamicdrive.com/dynamicindex14/flexislide.htm

* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *

<script language="JavaScript1.2">

/***********************************************
* Flexi Slideshow- © Dynamic Drive (www.dynamicdrive.com)
* This notice must stay intact for use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

var variableslide=new Array()

//variableslide[x]=["path to image", "OPTIONAL link for image",
"OPTIONAL text description (supports HTML tags)"]

variableslide[0]=['ball.gif', '', '']
variableslide[1]=['spaceship.gif', 'http://www.space.com', 'Has aliens
landed on earth? You decide.']
variableslide[2]=['cake.gif', '', '']

//configure the below 3 variables to set the dimension/background
color of the slideshow

var slidewidth='130px' //set to width of LARGEST image in your
slideshow
var slideheight='120px' //set to height of LARGEST iamge in your
slideshow, plus any text description
var slidebgcolor='#F3F3F3'

//configure the below variable to determine the delay between image
rotations (in miliseconds)
var slidedelay=3000

////Do not edit pass this line////////////////

var ie=document.all
var dom=document.getElementById

for (i=0;i<variableslide.length;i++){
var cacheimage=new Image()
cacheimage.src=variableslide[i][0]
}

var currentslide=0

function rotateimages(){
contentcontainer='<center>'
if (variableslide[currentslide][1]!="")
contentcontainer+='<a href="'+variableslide[currentslide][1]+'">'
contentcontainer+='<img src="'+variableslide[currentslide][0]+'"
border="0" vspace="3">'
if (variableslide[currentslide][1]!="")
contentcontainer+='</a>'
contentcontainer+='</center>'
if (variableslide[currentslide][2]!="")
contentcontainer+=variableslide[currentslide][2]

if (document.layers){
crossrotateobj.document.write(contentcontainer)
crossrotateobj.document.close()
}
else if (ie||dom)
crossrotateobj.innerHTML=contentcontainer
if (currentslide==variableslide.length-1) currentslide=0
else currentslide++
setTimeout("rotateimages()",slidedelay)
}

if (ie||dom)
document.write('<div id="slidedom"
style="width:'+slidewidth+';height:'+slideheight+' ;
background-color:'+slidebgcolor+'"></div>')

function start_slider(){
crossrotateobj=dom? document.getElementById("slidedom") : ie?
document.all.slidedom : document.slidensmain.document.slidenssub
if (document.layers)
document.slidensmain.visibility="show"
rotateimages()
}

if (ie||dom)
start_slider()
else if (document.layers)
window.onload=start_slider

</script>

<ilayer id="slidensmain" width=&{slidewidth}; height=&{slideheight};
bgColor=&{slidebgcolor}; visibility=hide><layer id="slidenssub"
width=&{slidewidth}; left=0 top=0></layer></ilayer>

<p align="center"><font face="Arial" size="-2">Free DHTML scripts
provided by<br>
<a href="http://www.dynamicdrive.com">Dynamic Drive</a></font></p>
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *

Jul 23 '05 #1
2 1639
Have a look at this example:
http://dhtml-menu.com/dhtml-samples/menu2700.html

Jul 23 '05 #2
On 23 Dec 2004 11:47:49 -0800, sb****@hotmail.com wrote:
Have a look at this example:
http://dhtml-menu.com/dhtml-samples/menu2700.html


No, that doesn't help me. What I need is what I described in my
original thread.
Jul 23 '05 #3

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

9 posts views Thread by Karl Burrows | last post: by
16 posts views Thread by Harry Putnam | last post: by
7 posts views Thread by Cate Archer | last post: by
reply views Thread by Iain | last post: by
6 posts views Thread by David Stone | last post: by

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.