[JS] meerdere slideshows op 1 pagina - Softwareontwikkeling

woensdag 7 december 2005 15:37

Acties:

Topicstarter

Hallo,

Ik heb een website gemaakt en daar wil ik op een pagina foto's in elkaar laten overlopen( mbv blending)
De bedoeling is om dit in verschillende velden van een tabel te laten gebeuren. Dus in feite meerdere slideshows.
Ik heb wel ergens een leuk script gevonden waarmee de blending methode gebruikt (deze vind ik veel mooier dan de fade methode, afgezien van dat de blending methode niet in FF werkt), maar dit is alleen voor een slideshow.
Ik heb verder wel iets verstand van JS, maar niet zo heel veel. Ik ben er verder wel een tijd mee bezig geweest om te proberen er een functie bij te maken, maar tot dusver zonder succes.

Wat ik zou willen is dat er bijvoorbeeld verschillende array's aangemaakt worden (slideimages1, slideimages2 enz...) en dat deze dus in de verschillende velden geladen worden.
Ik hoop dat jullie mij hiermee kunnen helpen. Misschien is het iets simpels, maar ik kom er niet uit

Alvast bedankt.

Hieronder het betreffende script.

Java:

<script language="JavaScript1.1">
<!--
var slidespeed=3000

var slideimages1=new Array("img/GIFS/nornaal/5.gif","img/GIFS/nornaal/6.gif","img/GIFS/nornaal/7.gif","img/GIFS/nornaal/wit.gif");
var slidelinks1=new Array("","","","")
var slideimages2=new Array("img/GIFS/nornaal/15.gif","img/GIFS/nornaal/wit.gif","img/GIFS/nornaal/14.gif","img/GIFS/nornaal/16.gif");
var slidelinks2=new Array("","","","")

var newwindow=1

imageslide(slideimages1)
imageslide(slideimages2)
function imageslide(slideimages){
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(slidelinks){
if (newwindow)
window.open(slidelinks[whichlink])
else
window.location=slidelinks[whichlink]
}

//-->
</script>

<body>
<a href="javascript:gotoshow(slidelinks1)">[img]"img/GIFS/5.gif"[/img]</a>
<a href="javascript:gotoshow(slidelinks2)">[img]"img/GIFS/nornaal/lumc.jpg"[/img]</a>
<script language="JavaScript1.1">
<!--

var whichlink=0
var whichimage=0
var blenddelay=(ie)? document.images.slide1.filters[0].duration*500 : 0

slideit(slide1,slideimages1)
slideit(slide2,slideimages2)
function slideit(slide,slideimages){
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(slide)",slidespeed+blenddelay)
}

//-->

</script>
</body>

edit: script aangepast

[ Voor 52% gewijzigd door Theske op 13-12-2005 09:53 ]

Proud member of the Cosmic Cows

donderdag 8 december 2005 08:17

Acties:

Theske

Topicstarter

*Bescheiden kickje

Ik heb verder nog wat ermee proberen te spelen, maar het is nog steeds niet echt gelukt

Ik hoop dat jullie me misschien wat verder op weg kunnen helpen

Proud member of the Cosmic Cows

donderdag 8 december 2005 08:38

Acties:

gvdh81

To got or not to got..

[NOFI] Zonder echt je vraag te lezen

[/NOFI]

ideetjes:
1) http://www.meyerweb.com/eric/tools/s5/
2) http://segment7.net/projects/web/slideshow/

De eerste lijkt me het beste, ik kom hem regelmatig tegen op het web. Hoop dat je er wat aan hebt

donderdag 8 december 2005 08:55

Acties:

Theske

Topicstarter

Bedankt voor je reactie, maar misschien had je toch mijn vraag moeten lezen

Ik zocht geen slideshow in presentatie vorm, maar gewoon een automatische "slideshow" voor afbeeldingen, met een blending. Naja.. dat staat allemaal in mn vraag vermeld

Proud member of the Cosmic Cows

dinsdag 13 december 2005 09:46

Acties:

Theske

Topicstarter

Ik heb nu mijn script aangepast zoals ik hem eigenlijk wil hebben, zodat jullie misschien meer een idee hebben van wat ik nou eigenlijk wil.
Zoals het er nu uit ziet werkt het niet

De gotoshow() werkt wel, alleen blijft hij volgens mij hangen bij de slideit(), alsof hij die variabele niet meepakt.
Ik hoop dat jullie me verder op weg kunnen helpen!

Proud member of the Cosmic Cows

woensdag 14 december 2005 08:01

Acties:

Theske

Topicstarter

Kickje....
Helemaal niemand die mij hiermee verder op weg kan helpen?

Proud member of the Cosmic Cows

dinsdag 20 december 2005 08:08

Acties:

Theske

Topicstarter

*Kick

Hopelijk deze keer op een succesvol kickje...

Proud member of the Cosmic Cows

dinsdag 20 december 2005 08:42

Acties:

André

Analytics dude

Het feit dat niemand je helpt komt omdat je een script neerpleurt en zegt: ik wil dit en dit zonder zelf iets te proberen. Niemand heeft veel zin om jou een kant en klaar script aan te leveren.

Wat heb je zelf al geprobeerd en waar kom je niet uit? De makkelijkste manier is overigens om alles 2 keer in je pagina te zetten en alle variabelen en functies een andere naam te geven. De mooiste oplossing is om met een 2 dimensionale array te werken waarin je de slides met images opslaat.

dinsdag 20 december 2005 09:06

Acties:

Theske

Topicstarter

Naja, wat ik in mijn eerste post heb gezet, dat script.. is eigenlijk wat ik heb geprobeerd... door geprobeerd wat nieuwe variabele aan te maken.

En het is eigenlijk de bedoeling 18 van die slideshows op mijn pagina te hebben, dus vandaar dat ik niet heb gekozen om alles dubbel op mijn pagina te zetten.
Ik zou eventueel het orginele script kunnen posten, zodat je kan zien wat ik heb geprobeerd... mocht dat uitmaken.
Het is dus niet zo dat ik helemaal niks heb geprobeerd. Ik erger me daar zelf ook aan als andere namelijk niks proberen en dan maar dingen aan het vragen zijn...

Proud member of the Cosmic Cows