Imagefader med kontrolknapper!
Hejsa,Jeg har fundet et lækkert lille JavaScript som vil være perfekt til en funktion på mit website, men jeg kunne godt tænke mig et par enkle modifikationer i det, og eftersom jeg ikke selv kan programmere, håber jeg at nogen kan hjælpe med dette.
Umiddelbart tror jeg ikke, at opgaven bliver særligt svær at løse, men hvad ved jeg. ;)
Nå, men her er selve scriptet some har en virkelig flot "fade" effekt imellem hvert enkelt billede:
----------------------------<HEAD>-------------------------------
<script language="JavaScript1.1">
<!--
//*****************************************
// Blending Image Slide Show Script-
// © Dynamic Drive (www.dynamicdrive.com)
// For full source code, visit http://www.dynamicdrive.com/
//*****************************************
//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.dynamicdrive.com","http://javascriptkit.com","http://www.geocities.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>
-----------------------------<BODY>------------------------------
<a href="java script: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 : 0
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>
<p align="center"><font face="arial" size="-2">This free script provided by<br>
<a href="http://www.dynamicdrive.com">Dynamic Drive</a></font></p>
-----------------------------------------------------------------
Nu er det jo fint nok at der i forvejen er lagt link-mulighed ind i selve scriptet, men jeg kunne godt tænke mig at alle links kan linke til et "_blank" vindue i pre-defineret størrelse, eksempelvis 500x300 pixels, og hvor det nye popup vindue ikke kan justeres i størrelsen. Jeg bruger selv Dreamweaver, og det har en "Behavior"-funktion hvor man kan bestemme hvilke ting i det nye vindue skal være til stede, såsom Statusbar, Menubar, om vinduet kan justeres etc. etc.
Samtidig skal jeg skal bruge to knapper til brug i scriptet, neden under selve billedet. Det skal være en "Frem" og "Tilbage" knap, så folk selv kan "slide" imellen de forskellige billeder, og hvis der er et billede de syntes om, så kan de klikke på det og derved få billedet at se i fuld størrelse, i et nyt, ikke-justérbart vindue.
Tror det var det hele, lol! :D
Hvis 100 points er for lidt, så bare sig til.
Mvh
Ulrik
