Avatar billede henriklaursen Nybegynder
24. juni 2005 - 08:46 Der er 1 kommentar

Rettelse af slideshow script

Hejsa..

Jeg har dette script. på min hjemmeside.
Men jeg vil gerne, at den i stedet for at lave et random på transition type, skal lave en pæn fade istedet.
(en fade som denne : http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm)

det kan selvfølgelig også være at andre af jeg har et bedre script til formålet.. (det skal være et slideshow med manuel styring)

jeg har fundet scriptet på dynamicdrive.com
---------------------------------------------------

<script type="text/javascript">

var photos=new Array()
var photoslink=new Array()
var which=0

//define images. You can have as many as you want:
photos[0]="1.jpg"
photos[1]="2.jpg"
photos[2]="3.jpg"
photos[3]="4.jpg"

//Specify whether images should be linked or not (1=linked)
var linkornot=0

//Set corresponding URLs for above images. Define ONLY if variable linkornot equals "1"
photoslink[0]=""
photoslink[1]=""
photoslink[2]=""

//do NOT edit pass this line

var preloadedimages=new Array()
for (i=0;i<photos.length;i++){
preloadedimages[i]=new Image()
preloadedimages[i].src=photos[i]
}


function applyeffect(){
if (document.all && photoslider.filters){
photoslider.filters.revealTrans.Transition=Math.floor(Math.random()*23)
photoslider.filters.revealTrans.stop()
photoslider.filters.revealTrans.apply()
}
}

function playeffect(){
if (document.all && photoslider.filters)
photoslider.filters.revealTrans.play()
}

function keeptrack(){
window.status="Image "+(which+1)+" of "+photos.length
}

function backward(){
if (which>0){
which--
applyeffect()
document.images.photoslider.src=photos[which]
playeffect()
keeptrack()
}
}

function forward(){
if (which<photos.length-1){
which++
applyeffect()
document.images.photoslider.src=photos[which]
playeffect()
keeptrack()
}
}

function transport(){
window.location=photoslink[which]
}

</script>


- - - - - - -
    <table border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="100%" colspan="2" height="22"><center>
<script>
if (linkornot==1)
document.write('<a href="java script:transport()">')
document.write('<img src="'+photos[0]+'" name="photoslider" width="400" style="filter:revealTrans(duration=2,transition=23)" border=0>')
if (linkornot==1)
document.write('</a>')
</script>
</center></td>
  </tr>
  <tr>
    <td width="50%" height="21"><p align="left"><a href="#" onClick="backward();return false">Previous Slide</a></td>
    <td width="50%" height="21"><p align="right"><a href="#" onClick="forward();return false">Next Slide</a></td>
  </tr>
</table>
Avatar billede roenving Novice
24. juni 2005 - 16:28 #1
Du har jo fat i en IE-only-ting, så en del brugere vil jo ikke få noget ...

-- men ellers er det blendTrans i stedet for revealTrans, du skal have fat i:

function applyeffect(){
if (document.all && photoslider.filters){
photoslider.filters.blendTrans.stop()
photoslider.filters.blendTrans.apply()
}
}

function playeffect(){
if (document.all && photoslider.filters)
photoslider.filters.blendTrans.play()
}

-- og:

document.write('<img src="'+photos[0]+'" name="photoslider" width="400" style="filter:revealTrans(duration=2)" border=0>')


-- men jeg har benyttet mig af min egen fade-maskine til at udvikle et script (vist også fra Dynamicdrive !-)

Vist her: http://www.eksperten.dk/spm/478961 !o]
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester