buttons

Status
Niet open voor verdere reacties.

janorg

Nieuwe gebruiker
Lid geworden
12 jan 2003
Berichten
4
Ik heb een site met foto's in frames. Onderaan de pagina staan meerdere buttons op een rijtje. Eén om naar de homepage te gaan, één om naar de laatste en nog een andere om naar de eerste foto op de site te gaan. Die buttons werken. Hou ik twee buttons over. Met die buttons zou ik de bezoeker de mogelijkheid willen geven gemakkelijk naar de volgende/vorige foto te laten klikken.
Op welke wijze moet ik dat doen (welke html-code en waar plaats ik die)?


Gr. Jan
www.heijligers.org
 
Beste Peter,

Bedankt voor het antwoord.
Ben hiermee alweer een klein stukje verder in een voor mij grote puzzel.
Begrijp nu dat javascript de mogelijkheid biedt.
Heb onderstaande van de site gehaald, die jij opgaf.
Heb geprobeerd e.e.a. te veranderen, maar kom er nog niet helemaal uit.

1) de buttons die ik heb wil ik blijven gebruiken en moeten daarom hieronder in de tekst juist worden weggezet.
2) de foto's staan moeten worden geopend in de mainframe. Weet niet waar ik die verwijzing moet plaatsen.
3) nu wordt door onderstaande tekst een tabel aangemaakt waarin zowel de buttons als de foto's komen te staan. Wil eigenlijk alleen de iegen buttons, met een verwijzing naar de te openen pagina's op de mainframe.

Enig idee hoe ik dat moet doen?

--------------------------

<table border="0" cellpadding="0">
<caption><strong>Air Show Photos</strong></caption>
<tr>
<td width="100%"><img src="plane1.gif" width="300" height="240" name="photoslider"></td>
</tr>
<tr>
<td width="100%"><form method="POST" name="rotater">
<div align="center"><center><p><script language="JavaScript1.1">
var photos=new Array()
var which=0

/*Change the below variables to reference your own images. You may have as many images in the slider as you wish*/
photos[0]="plane1.gif"
photos[1]="plane2.gif"
photos[2]="plane3.gif"
photos[3]="plane4.gif"
photos[4]="plane5.gif"


function backward(){
if (which>0){
window.status=''
which--
document.images.photoslider.src=photos[which]
}
}

function forward(){
if (which<photos.length-1){
which++
document.images.photoslider.src=photos[which]
}
else window.status='End of gallery'




}
</script><input type="button" value="&lt;&lt;Back" name="B2"
onClick="backward()"> <input type="button" value="Next&gt;&gt;" name="B1"
onClick="forward()"><br>
<a href="#" onClick="which=1;backward();return false"><small>Start Over</small></a></p>
</center></div>
</form>
</td>
</tr>
</table>

<p align="center"><font face="arial" size="-2">This free script provided by</font><br>
<font face="arial, helvetica" size="-2"><a href="http://javascriptkit.com">JavaScript
Kit</a></font></p>

-------------------------

gr. Jan
www.heijligers.org
 
(offtopic) de foto's staan erg vervormd op je site, wellicht heb je ze teveel nabewerkt, ik zou hier toch wat aan doen. Het ziet er naar uit dat het fout gegaan is bij het vergroten(/offtopic)
 
(offtopic) even de vergroting (betreffende de vervormingen) hier geplaatst, daar dit per PB niet mogelijk is(/offtopic)

attachment.php
 

Bijlagen

  • vervormingen.jpg
    vervormingen.jpg
    19,5 KB · Weergaven: 70
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan