ORIGINAL URL:
http://www.thescripts.com/forum/thread147097.html
STEPS:
I want it to do the following:
1-Load a Random Image each time page loads or is refreshed / script starts (with corresponding url link when clicked)
2-Images change by blend/fade into one another, on an adjustable time delay
3-Next image loaded also loads new corresponding url/link
4-That the Images loaded are selected randomly from either a source directory or via file locations entered and not in same sequence as are the corresponding urls..
Below is the script so far:
PLEASE ANSWER IN LAYMANS TERMS QUOTING FULL SCRIPT AS I AM A NOVICE!
Many Thanks!
SCRIPT:
Here's the code:
Expand|Select|Wrap|Line Numbers
- <HEAD>
- <script language="JavaScript1.1">
- <!--
- //specify interval between slide (in mili seconds)
- var slidespeed=3000
- //specify images
- var slideimages=new Array("image1.gif","image2.gif","image3.gif")
- //specify corresponding links
- var slidelinks=new Array("http://www.whatever.com","http://whatnever.com","http://www.always.com")
- var newwindow=1 //open links in new window? 1=yes, 0=no
- var imageholder=new Array()
- var ie=document.all
- for (i=0;i<slideimages.length;i++){
- imageholder[i]=new Image()
- imageholder[i].src=slideimages[i]
- }
- function gotoshow(){
- if (newwindow)
- window.open(slidelinks[whichlink])
- else
- window.location=slidelinks[whichlink]
- }
- //-->
- </script>
- </HEAD>
- <BODY>
- <a href="javascript:gotoshow()"><img src="image1.gif" name="slide"
- border=0 style="filter:blendTrans(duration=3)" width=97
- height=100></a>
- <script language="JavaScript1.1">
- <!--
- var whichlink=0
- var whichimage=0
- var blenddelay=(ie)? document.images.slide.filters[0].duration*1000 :
- function slideit(){
- if (!document.images) return
- if (ie) document.images.slide.filters[0].apply()
- document.images.slide.src=imageholder[whichimage].src
- if (ie) document.images.slide.filters[0].play()
- whichlink=whichimage
- whichimage=(whichimage<slideimages.length-1)? whichimage+1 : 0
- setTimeout("slideit()",slidespeed+blenddelay)
- }
- slideit()
- //-->
- </script>
- [color=blue]
- >//specify images
- >var slideimages=new Array("image1.gif","image2.gif","image3.gif")[/color]
- function shuffle(arr) {
- for (var i = arr.length - 1; i > 0; i--) {
- // Interchange element i with a random element not after it
- var j = Math.floor((i + 1) * Math.random());
- var t = arr[i];
- arr[i] = arr[j];
- arr[j] = t;
- }
- }
- shuffle(slideimages);
I Cant get it to do steps 1-4
ANY HELP THANKS..