slideshow automatisch afspelen

Status
Niet open voor verdere reacties.
luuk2512

luuk2512

Verenigingslid
Lid geworden
16 jan 2001
Berichten
2.093
Hallo
Ik ben bezig met een website, en daar heb ik foto's opgezet
Nu wil ik graag dat deze automatisch afspelen maar dat lukt me niet.
Hieronder het kladblok van de site waar het over gaat

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body,td,th {
color: #663300;
}
body {
background-color: #FFFFCC;
}
-->
</style></head>

<body>
<SCRIPT LANGUAGE="JavaScript">
var slide = new Array();
slide[0] = "foto/_MG_0395.JPG";
slide[1] = "foto/_MG_0396.JPG";
slide[2] = "foto/_MG_0397.JPG";
slide[3] = "foto/_MG_0398.JPG";
slide[4] = "foto/_MG_0399.JPG";
slide[5] = "foto/_MG_0400.JPG";
slide[6] = "foto/_MG_0405.JPG";
slide[7] = "foto/_MG_0406.JPG";
slide[8] = "foto/_MG_0407.JPG";
slide[9] = "foto/_MG_0409.JPG";
slide[10] = "foto/_MG_0411.JPG";
slide[11] = "foto/_MG_0412.JPG";


var current = 0;
function advance(){
current++;
if(slide[current]){document.images.show.src = slide[current];
window.status='Slide '+(current+1)+' of '+slide.length+': '+slide[current];}
}
function retract(){
current--;
if(slide[current]){document.images.show.src = slide[current];
window.status='Slide '+(current+1)+' of '+slide.length+': '+slide[current];}
}
</SCRIPT>
<form name="formname">
<TABLE width="31%" cellpadding=1 cellspacing=1 bgcolor="#663300">
<TR>
<TD colspan=2 align=center bgcolor="ffffcc">
<b>Jottum</b>
</td>
</tr>
<TR>
<TD colspan=2 align=center bgcolor="ffffcc">
<div align="center"><img src="foto/_MG_0395.JPG" name="show" width=400 height=500></div></td></tr>
<tr><td align=center bgcolor="ffffcc" height=30 width="50%">
<input type=button onclick="retract();" value="vorige">
</td><td align=center bgcolor="ffffcc" height=30 width="50%">
<input type=button onclick="advance();" value="volgende"> </TD>
</TR>
</TABLE>
</form>
</body>


</html>
 
Amara kost geld:-(

Kan je er wel wat mee maken en blijven gebruiken?
 
Voeg het volgende toe aan het javascript :

PHP: 
var the_show = "";
function startShow() {
the_show = setInterval("advance();",5000);
};
De 5000 staat voor 5 seconden (5000 milliseconden), zijnde het aantal seconden dat een afbeelding getoond wordt.

Zet nu het volgende in de "body-tag" van je document :

PHP: 
onLoad="startShow();"

Het script zelf kan je best verhuizen naar de "head" van je document.

Greetz : Jer:cool:en.
 
Laatst bewerkt:
Zoals je ziet heb ik er een "var" (variabele) in gestoken.
Met deze variabele kan je de show weer stoppen met een knop of link als volgt :

PHP: 
<input type="button" onClick="clearInterval(the_show);" value="stop">
Om opnieuw te starten kan je hetzelfde doen :

PHP: 
<input type="button" onClick="startShow();" value="start">

Greetz : Jer:cool:en.
 
Laatst bewerkt:
automatisch herhalen

Hallo, ik reageer op een bericht dat al een paar jaar oud is, dus de kans bestaat, dat niemand zal reageren. Ik ben net geregistreerd op dit forum, dus weet niet zo goed hoe het werkt.
Ik heb met behulp van een java-script in het forum een paar fotos op een pagina gezet. Heb het een en ander aangepast en het werkt goed, behalve dat ik graag zou willen dat de reeks zich herhaalt. Jeroen had al een optie om een knop daarvoor te gebruiken, maar ik zou het graag automatisch willen. Iemand die me kan helpen?
Alvast bedankt
conny
 
Dag Conny,

In de functie "advance();" staat "current++;".

Vervang dit door:

current = (current == slide.length - 1) ? 0 : current + 1;

Dit zou het moeten doen.

Groetjes,

Jeroen.
 
Laatst bewerkt:
Bedankt

Hallo Jeroen,
Bedankt voor je snelle antwoord. Het werkt! Helemaal te gek.

groetjes,
conny
 
helppp

waaaaarom lukt het mij niet :confused:

ik moet een site maken waar heeeel veel foto's op komen te staan nou dacht ik dan doe ik ze in een slide show maar wel zodat je zelf verder kan klikken!!

maar nee het lukt me niet :( wie kan mij helpen want ben al vanaf vanmorge 8 uur bezig :shocked:
 
ik heb verschillende codes... maar omdat het om meer dan 100 foto's per keer ga en soms wat minder snap ik er niks meer van!!

weet je niet een makkelijke code dat je ze ook zo kan veranderen?
 
Ondersteunt jouw host (waar je je website naartoe upload) php?
 
Op de site van jouw host.
Wie is jouw host?
 
sorrY hele late reactie! ik heb iets gevonden waarmee ik al mijn foto's er op kan krijgen!

Nu mijn probleem!
zodra je de link aan klik kom je netjes bij de foto's maar na het bekijken van de foto's kan ik niet meer terug naar de site! om de andere foto's te bekijken :confused:

ik doe het nu via jalbum.
 
Kan je nergens een link toevoegen waarmee je kan terug keren?
 
Je kan je album altijd in een nieuw tabblad of nieuw venster laten openen zodat je site ook open blijft staan.
 
ja dat is idd zo maar sommige vinden dit moeilijk :S en moet dit op mijn stage maken voor mijn stage zeg maar en die wil dat niet hebben! dus ik ben al de hele middag bzig om het voormekaar te krijge maar word er gek van :mad:

lukt het jou miss?
 
Ik heb even jalbum bekeken en geprobeerd, maar je kan daar inderdaad geen link toevoegen.
Ik kan dat oorspronkelijke script wel aanpassen zodat je voor elk album een pagina moet maken, en daar alleen de naam en het aantal foto's moet veranderen. De naam vand e foto's moet dan per album wel dezelfde zijn als de map waarin ze staan, met uitzondering van het laatste cijfer.

Als de map bijvoorbeeld "kerstmis" is, dan moeten de foto's kerstmis001, kerstmis002, ... kerstmis100, ... heten.
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan