Verschillende foto,s laten zien in 1 grote foto

[Glasbak]

Goede dag,

Ik ben maar een amateurtje die zig met websites maken bezig houd.
Nu heb ik vraag.
Ik zou graag 1 grote foto, met bijvoorbeeld 4 foto,s er onder willen zetten op een website, bijvoorbeeld van een auto, wanneer je dan met je muis over de kleine voorbeelden gaat dan je dat dan ziet boven in de grote foto.
Ik hoop dat ik dat duidelijk omschrijf.
Dus 1 groot voorbeeld met daar onder kleine voorbeelden. Zou u misschien de HTML code aan mij toe willen sturen zodat ik daar mee aan de slag kan.
Ik snap dat u het druk genoeg heeft. Als dit niet mogelijk is dan neem ik dit u zeker niet kwalijk.

Met vriendelijke groeten

Nico

 

[puppie]

Hoi,
Misschien kun je iets met jalbum

 

[Glasbak]

Bedankt voor de ractie, maar Engels is voor mij niet weg gelegd

 

[peter vazed]

Download de zip.

Beschrijving:

Top album.

Slide Show
=======================================
Naar aanleiding van een vraag van KevinW
op http://www.helpmij.nl/forum/
link:
http://www.helpmij.nl/forum/showthread.php?t=236959
over deze slideshow:
http://www.sh-dilsen.be/index.asp?nav=main&page=Foto
is dit opgesteld.

Iets van een internetsite halen lukt niet altijd even makkelijk.
Dus ik ben er even mee aan het vogelen geweest.
Grts
Peter Vazed
---------------------------------------------------------------------------
Beschrijving van de diverse elementen en de opbouw is hieronder aangegeven.
----------------------------------------------------------------------------
Een slide show.

A - Het tonen van een grote foto indien er op een kleintje geklikt wordt.
B - Het tonen van grote foto's door op volgende of vorige te klikken.

De pagina bestaat uit een html pagina ( topalbum.htm )
met daarin een iframe.
Het javascript zorgt voor de aansturing.
Dit toont dus de foto's.

Het iframe heeft een naam:
name="thumblist"

Dit iframe en de thumbnails zitten een een eigen map.( topalbum_bestanden)
Ook de algemene plaatjes voor de site, zoals in dit geval
folder.gif
en de eerste grote foto zit in deze map.

De thumbnails zelf zitten bijeen, gezellig toch, in album_data.
Die moet je dus zelf maken, grote foto dus verkleinen, en de naam geven met toevoeging th, wat staat voor thumbnail. In dit voorbeeld heb ik dit niet gedaan, maar je moet dit -in het echt- wel doen natuurlijk.
Met andere woorden alles heeft een eigen plekje.

De grote foto's zitten gewoon op hetzelfde niveau als
de feitelijke pagina topalbum.htm
En zo hebben we alles bijeen, en werkt het ook.

Dus recapitulerend:
de eerste grote foto zit zielig alleen in de map topalbum_bestanden
Deze moet nl als eerste zondermeer getoond worden.
De overige grote foto's zitten in dezelfde map als de feitelijke pagina.
De thumbnails zitten in hun eigen mapje.

Omwille van de duidelijkheid, mede gelet op de eerste foto,
heb ik alle foto's een nummer gegeven. behalve de eerste welke
in de topalbum_bestanden zit.
Zodoende kun je zien dat deze als eerste nodig is en hier hoort te zitten.

Aanpassen kan, maar kom niet aan het javascript.
Wens je dit script te gebruiken, zet dan je eigen foto's
en thumbnails erin, en pas de namen aan.

Uit veiligheidsoverwegingen:
verander niks aan de hier geleverde files.
Maak een kopie en zet deze in een nieuwe map.
Nu kun je je gang gaan.

====================================

 

[Glasbak]

Bedankt

Hartelijk bedankt, hier ga ik mee stoeien:thumb: