I have been trying to modify a script that i had working in the past but have lost..
ORIGINAL URL:
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:
[CODE=html]<HEAD>
<script language="JavaS cript1.1">
<!--
//specify interval between slide (in mili seconds)
var slidespeed=3000
//specify images
var slideimages=new Array("image1.g if","image2.gif ","image3.g if")
//specify corresponding links
var slidelinks=new Array("http://www.whatever.co m","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<slideima ges.length;i++) {
imageholder[i]=new Image()
imageholder[i].src=slideimage s[i]
}
function gotoshow(){
if (newwindow)
window.open(sli delinks[whichlink])
else
window.location =slidelinks[whichlink]
}
//-->
</script>
</HEAD>
<BODY>
<a href="javascrip t:gotoshow()">< img src="image1.gif " name="slide"
border=0 style="filter:b lendTrans(durat ion=3)" width=97
height=100></a>
<script language="JavaS cript1.1">
<!--
var whichlink=0
var whichimage=0
var blenddelay=(ie) ? document.images .slide.filters[0].duration*1000 :
0
function slideit(){
if (!document.imag es) return
if (ie) document.images .slide.filters[0].apply()
document.images .slide.src=imag eholder[whichimage].src
if (ie) document.images .slide.filters[0].play()
whichlink=which image
whichimage=(whi chimage<slideim ages.length-1)? whichimage+1 : 0
setTimeout("sli deit()",slidesp eed+blenddelay)
}
slideit()
//-->
</script>
[color=blue]
>//specify images
>var slideimages=new Array("image1.g if","image2.gif ","image3.g if")[/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(slideim ages);[/CODE]
I Cant get it to do steps 1-4
ANY HELP THANKS..
ORIGINAL URL:
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:
[CODE=html]<HEAD>
<script language="JavaS cript1.1">
<!--
//specify interval between slide (in mili seconds)
var slidespeed=3000
//specify images
var slideimages=new Array("image1.g if","image2.gif ","image3.g if")
//specify corresponding links
var slidelinks=new Array("http://www.whatever.co m","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<slideima ges.length;i++) {
imageholder[i]=new Image()
imageholder[i].src=slideimage s[i]
}
function gotoshow(){
if (newwindow)
window.open(sli delinks[whichlink])
else
window.location =slidelinks[whichlink]
}
//-->
</script>
</HEAD>
<BODY>
<a href="javascrip t:gotoshow()">< img src="image1.gif " name="slide"
border=0 style="filter:b lendTrans(durat ion=3)" width=97
height=100></a>
<script language="JavaS cript1.1">
<!--
var whichlink=0
var whichimage=0
var blenddelay=(ie) ? document.images .slide.filters[0].duration*1000 :
0
function slideit(){
if (!document.imag es) return
if (ie) document.images .slide.filters[0].apply()
document.images .slide.src=imag eholder[whichimage].src
if (ie) document.images .slide.filters[0].play()
whichlink=which image
whichimage=(whi chimage<slideim ages.length-1)? whichimage+1 : 0
setTimeout("sli deit()",slidesp eed+blenddelay)
}
slideit()
//-->
</script>
[color=blue]
>//specify images
>var slideimages=new Array("image1.g if","image2.gif ","image3.g if")[/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(slideim ages);[/CODE]
I Cant get it to do steps 1-4
ANY HELP THANKS..
Comment