Slideshow op website

  • Onderwerp starter Onderwerp starter IVAN
  • Startdatum Startdatum
Status
Niet open voor verdere reacties.

IVAN

Gebruiker
Lid geworden
10 feb 2001
Berichten
374
Een vraagje...

Zou graag op mijn website een slideshow presenteren, heb al wel een paar progjes gevonden, maar ik zou graag de foto's fullscreen weergeven met een next en previous, zoals in irfanview....

Bestaat er daarvoor een html code ???
en waar moet ik die eventueel plaatsen(ben een leek in die dingen)
ik werk met frontpage 2000....

Alvast bedankt

Ivan
 
Hoy,

Met dit wordt al een html code automatisch aangemaakt als u de diaserie maakt
daar zitten ok de knoppen vooruit enz.. al in.
 
Bedankt voor de reactie...

Ben al een heel stukje verder maar...
met die code is de weergave niet op volledig scherm..
Ik weet niet of die code aan te passen is zodat de foto over gans het scherm verschijnt ???

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>tsten</title>
</head>

<body>
<SCRIPT LANGUAGE="JavaScript">
var slide = new Array();
slide[0] = "H:/IVAN/FOTO/jan-claudine/J&C250001.JPG";
slide[1] = "H:/IVAN/FOTO/jan-claudine/J&C250003.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 cellspacing=1 cellpadding=1 bgcolor="#000000">
<TR><TD colspan=2 align=center bgcolor="white">
<b>tsten</b>
</td></tr>
<TR>
<TD colspan=2 align=center bgcolor="white">
<img src="JC250001.JPG" name="show" width=500 height=400></td></tr>
<tr><td align=center bgcolor="white" height=30 width="50%">
<input type=button onclick="retract();" value="<<<<">
</td><td align=center bgcolor="white" height=30 width="50%">
<input type=button onclick="advance();" value=">>>>">
</TD>
</TR>
</TABLE>
</form>
</body>

</html>


Groeten

Ivan
 
Dat moet je in deze regel aanpassen

<img src="JC250001.JPG" name="show" width=500 height=400></td></tr>


zet width op 800 en height op 600 dan issie alweer een stuk groter.

Tegenwoordig hebben de meeste mensen een resolutie van 1024X768 dus ook die waardes kun je proberen.....
 
Ben toevallig via google op deze pagina gekomen en vond deze code héél erg bruikbaar. Spijtig genoeg ken ik maar weinig van html of javascript (slideshow werkt wel hoor) maar hoe kan ik de foto centreren op de pagina?

De code uit bovenstaande post is wel enigsinds aangepast. Het rode gedeelte is wat ik toegevoegd heb maar dat werkt niet.

Bijkomende vraag, hoe maak ik de slideshow zodat die na de laatste foto, weer bij de eerste foto verder gaat?



<html>
<head>
<title>testerdetest</title>
</head>

<body bgcolor="#000000">
<SCRIPT LANGUAGE="JavaScript">
var slide = new Array();
slide[0] = "images/1.jpg";
slide[1] = "images/2.jpg";
slide[2] = "images/3.jpg";
slide[3] = "images/4.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>
<td align="center">
<form name="formname">

<img src="1.jpg" name="show">


<TABLE align="center" cellspacing=1 cellpadding=1 bgcolor="#000000">
<tr>
<td align=center bgcolor="#000000" height=30 width="50%">
<input type=button onclick="retract();" value="<<<<">
</td>

<td align=center bgcolor="#000000" height=30 width="50%">
<input type=button onclick="advance();" value=">>>>">
</TD>
</TR>
</TABLE>
</form>
</td>
</body>

</html>


lange eerste post :cool:
 
Jurgen,

Ik ben ook niet thuis als het over html gaat, maar heb m'n probleem dan opgelost met het programma Jalbum, die m'n foto's fullscreen weergeeft in m'n diashow op internet...en zodoende heb ik niet meer verder gezocht ....
ik weet niet of dit progje uw vraag kan oplossen........

groeten

Ivan
 
heb ondertussen zelf gevonden hoe ik de foto kan centreren. Namelijk door <center> & </center> toe te voegen bij de image in de form.

Rest mij nog de vraag hoe laat de slideshow weer bij foto 1 verder gaan na de laatste foto?

Alvast bedankt!

Jurgen
 
Slideshow/filmstrip

Ook ik heb minn website opgebouwd met Frontpage en zou graag een slidshow/filmstrip willen maken waarbij foto's aaneengesloten en conitnu doorgaand van rechts naar links over het scherm gaan.

Kan iemand mij daarover tips geven?

bvd.

Sportsinterest.
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan