Afbeelding vergroten

Beste kar,

Dat kan je op verschillende manieren doen. Het hangt alleen af hoe je dit wil laten zien: met een popup, met een mouseover, ...
Eén ervan is door gebruik te maken van het lightbox script.
Uitleg, voorbeelden, ... vind je bv. op lightbox

Een ander voorbeeld is d.m.v. een zoom script.
Uitleg en voorbeelden vind je bv. op Thumbnail vloeiend vergroten of Groot beeld

Nog een andere voorbeeld is d.m.v. een popup.
Uitleg en voorbeelden vind je bv. op Popups

enz ... (te veel om ze hier allemaal te vermelden)

Het internet staat vol voorbeelden. Zoek eens naar bv. "javascript vergroten thumbnails"

In Dreamweaver moet je dan wel het beeldscherm (bron)code werken.

mvg,
Coderunner

coderunner
bedankt voor het snelle antwoord zal het een uit proberen
mvg
kar

Beste kar,

Dat is met alle plezier gedaan en bedankt voor je reaktie.

Heb je problemen met het javascript dat je wil gebruiken, dan hoor ik het wel. Geef dan wel de link (url, website adres) van je website mee waar het probleem zich voordoet.

mvg,
Coderunner

Hallo coderunner,
onder staande regel /*add a height..... versta ik niet, ik heb van popups link voorbeeld 10 gebruikt ,en als ik test in explorer werkt het maar op de website niet
alvast bedankt
karel
.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

Beste kar,

Zoals ik in mijn vorig bericht al vroeg, kan je mij de url geven (hier op het forum of via een privé-bericht) van je website (meer bepaald de pagina) waar het probleem zich voordoet zodat ik de gebruikte html/css code kan nakijken.

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

Hier kan je de hoogte van de grootste foto meegeven
bv. als de grootste foto 300x200 is neem je een hoogte (height) van 200px
Alleen noodzakelijk als je met foto's met verschillende hoogtes werkt.

.gallerycontainer{
position: relative;
height: 200px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

mvg,
Coderunner

http://www.seingevers-vas.be/Image/rollover.html

hallo coderunner,
hieboven de bewuste pagina er staat voorlopig maar een foto op
ben benieuwd
mvg
karel

Bijkomende vraag, hoe kan ik de achtergrond een anderkleurtje geven de gewoone manier lukt niet
alvast bedankt
mvg
karel

Beste Karel,

1- De vergrootte foto wordt niet getoond omdat deze niet naar de webhostserver is opgeladen óf een andere bestandsnaam heeft dan er in de html code staat aangegeven.
Het gaat hier over "arthur_0kopie (352 x 476).jpg"

Toch hier een opmerking:
Vermijd spaties, speciale tekens in bestandsnamen
bv. arthur_0kopie (352 x 476).jpg --> beter arthur_0kopie_352x476.jpg
dus de spatie werd vervangen door een underscore _ en de haakjes werden verwijderd.
Maar als je de bestandsnaam in de html code verandert, moet je ook de benaming van het fotobestand wijzigen. Schrijfwijze moet identiek zijn.

2- Om de achtergrondkleur van de vergrootte foto te veranderen zoek je in de broncode naar

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
text-align: center;
background-color: #000000;
padding: 5px;
left: -1000px;
border: 5px solid gray;
visibility: hidden;
color: white;
text-decoration: none;
width :450px;
}

en geef daar de juiste achtergrondkleur mee (zie blauwe tekst)
#000000 = zwart - #FFFFFF = wit - enz...
Voor de juiste kleurcode ga je bv naar HTML Kleurcodetabel - HTML kleukiezer

mvg,
Coderunner

Hallo coderunner,
Een domme fout de grote foto was blijkbaar niet geupload naar de server hoewel ik die er zag instaan
mijn tweede vraag was eigelijk bedoeld de achtergrond van de paginawaar de 10 kleine en de grote op verschijnt nu wit
mvg
en bedankt voor het nazien
karel

Beste Karel,

De achtergrond van de gehele pagina een andere kleur geven kan je op 2 manieren doen, nl.

1- óf je geeft de kleurcode mee in de body tag bv.

<body bgcolor="#B7B7B7">

2- óf je geeft de kleurcode mee in je style opmaak

body {
font-family: Verdana;
color: #000000;
background-color: #B7B7B7; }

In bovenstaaand voorbeeld is #B7B7B7 = licht grijs zoals op je andere pagina's

Voor de juiste kleurcode ga je bv naar HTML Kleurcodetabel - HTML kleukiezer

mvg,
Coderunner

coderunner
hartelijk bedankt,t'is gelukt

Beste Karel,

Dat is goed. Bedankt om dit steeds hier te komen melden.
Nog veel succes met je website én met het goed laten verlopen van wielerwedstrijden

mvg,
Coderunner

hallo coderunner ,
ik heb een nieuwe vraag,maar ga ze stellen in een nieuwe onderwerp
mvg
karel