Afbeelding vergroten
-
kar - Lid geworden op: 24 mar 2008, 21:38
- Locatie: 2940 Hoevenen
Hallo,
Ik heb een tekst afbeelding,verkleind ,maar om deze te kunnen lezen zou ik graag als je op de tekst gaat staan en klikt (zoals een kleine foto in een grote te veranderen)de tekst in zijn orginele grote te zien is , hoe klaar ik dit
Alvast bedankt
kar
werk met vista en het program is dreamweaverCS3
Ik heb een tekst afbeelding,verkleind ,maar om deze te kunnen lezen zou ik graag als je op de tekst gaat staan en klikt (zoals een kleine foto in een grote te veranderen)de tekst in zijn orginele grote te zien is , hoe klaar ik dit
Alvast bedankt
kar
werk met vista en het program is dreamweaverCS3
Wndows Vista home Premium AMD Turion(tm)64X2 Ram 2942MB
-
coderunner - Lid geworden op: 27 mar 2006, 04:35
- Locatie: Aubauke - Aentwaerepe
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
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
Bedank de perso(o)n(en) die je volledig op vrijwillige basis een antwoord geeft(geven) en/of beantwoord ten minste een reaktie op jouw vraag. Zo weten andere gebruikers EN de moderator dat je "probleem" al dan niet is opgelost. Alvast bedankt.
-
coderunner - Lid geworden op: 27 mar 2006, 04:35
- Locatie: Aubauke - Aentwaerepe
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
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
Bedank de perso(o)n(en) die je volledig op vrijwillige basis een antwoord geeft(geven) en/of beantwoord ten minste een reaktie op jouw vraag. Zo weten andere gebruikers EN de moderator dat je "probleem" al dan niet is opgelost. Alvast bedankt.
-
kar - Lid geworden op: 24 mar 2008, 21:38
- Locatie: 2940 Hoevenen
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*/
}
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*/
}
Wndows Vista home Premium AMD Turion(tm)64X2 Ram 2942MB
-
coderunner - Lid geworden op: 27 mar 2006, 04:35
- Locatie: Aubauke - Aentwaerepe
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.
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.
Coderunner
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.
Hier kan je de hoogte van de grootste foto meegeven.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}
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.
mvg,.gallerycontainer{
position: relative;
height: 200px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}
Coderunner
Bedank de perso(o)n(en) die je volledig op vrijwillige basis een antwoord geeft(geven) en/of beantwoord ten minste een reaktie op jouw vraag. Zo weten andere gebruikers EN de moderator dat je "probleem" al dan niet is opgelost. Alvast bedankt.
-
kar - Lid geworden op: 24 mar 2008, 21:38
- Locatie: 2940 Hoevenen
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
hallo coderunner,
hieboven de bewuste pagina er staat voorlopig maar een foto op
ben benieuwd
mvg
karel
Wndows Vista home Premium AMD Turion(tm)64X2 Ram 2942MB
-
coderunner - Lid geworden op: 27 mar 2006, 04:35
- Locatie: Aubauke - Aentwaerepe
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
#000000 = zwart - #FFFFFF = wit - enz...
Voor de juiste kleurcode ga je bv naar HTML Kleurcodetabel - HTML kleukiezer
mvg,
Coderunner
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
en geef daar de juiste achtergrondkleur mee (zie blauwe tekst).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;
}
#000000 = zwart - #FFFFFF = wit - enz...
Voor de juiste kleurcode ga je bv naar HTML Kleurcodetabel - HTML kleukiezer
mvg,
Coderunner
Bedank de perso(o)n(en) die je volledig op vrijwillige basis een antwoord geeft(geven) en/of beantwoord ten minste een reaktie op jouw vraag. Zo weten andere gebruikers EN de moderator dat je "probleem" al dan niet is opgelost. Alvast bedankt.
-
kar - Lid geworden op: 24 mar 2008, 21:38
- Locatie: 2940 Hoevenen
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
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
Wndows Vista home Premium AMD Turion(tm)64X2 Ram 2942MB
-
coderunner - Lid geworden op: 27 mar 2006, 04:35
- Locatie: Aubauke - Aentwaerepe
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.
Voor de juiste kleurcode ga je bv naar HTML Kleurcodetabel - HTML kleukiezer
mvg,
Coderunner
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.
2- óf je geeft de kleurcode mee in je style opmaak<body bgcolor="#B7B7B7">
In bovenstaaand voorbeeld is #B7B7B7 = licht grijs zoals op je andere pagina'sbody {
font-family: Verdana;
color: #000000;
background-color: #B7B7B7; }
Voor de juiste kleurcode ga je bv naar HTML Kleurcodetabel - HTML kleukiezer
mvg,
Coderunner
Bedank de perso(o)n(en) die je volledig op vrijwillige basis een antwoord geeft(geven) en/of beantwoord ten minste een reaktie op jouw vraag. Zo weten andere gebruikers EN de moderator dat je "probleem" al dan niet is opgelost. Alvast bedankt.
-
coderunner - Lid geworden op: 27 mar 2006, 04:35
- Locatie: Aubauke - Aentwaerepe
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
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
Bedank de perso(o)n(en) die je volledig op vrijwillige basis een antwoord geeft(geven) en/of beantwoord ten minste een reaktie op jouw vraag. Zo weten andere gebruikers EN de moderator dat je "probleem" al dan niet is opgelost. Alvast bedankt.