Nieuw lid |
|
Beste
Ik ben bezig met een pagina voor een site.
Laat ik dit vast stellen ik heb helemaal geen kennis van html.
De site die ik aan het maken ben heb ik via via.
Maar nu is er een probleem als ik een foto via lightbox wil op roepen opend hij niet wie wet hoe dat kan deze link laat het voorbeeld zien test site
Deze code gebruik ik.
P.s Die zoek term gaat er natuurlijk wel uit maar die zit er nog in om dat ik lichtbox niet aan de praat krijg .
M.v.g Roy
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<title>groepsfoto's</title>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<noscript></noscript><!-- --><script src="http://www.freewebs.com/p.js"></script><script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript"></script>
<style type="text/css">
body{ color: #333; font: 13px 'Lucida Grande', Verdana, sans-serif; }
</style>
<link rel=stylesheet href="styl.css" type="text/css">
</head>
<body>
<h2>Voor de gene die geen internet Explorer gebruikt<br>
klik op het gezicht en je word naar de foto met naam geleid</h2><br>
Hou de muis een paar seconde's op 1 van de bandleden z'n gezicht om tezien hoe hij/zij heet.<br>
<IMG SRC="groep foto 2008.jpg" ALT="groeps foto van de band 2008" WIDTH="1022" HEIGHT="767" BORDER="0" USEMAP="#fotoband">
<MAP NAME="fotoband">
<AREA SHAPE="rect" COORDS="85,240,117,303" HREF="band/alfonsS.jpg" ALT="Alfons" rel="lightbox[roadtrip]" title="Alfons">
<AREA SHAPE="rect" COORDS="305,213,330,244" HREF="band/bertG.jpg" ALT="Bert" title="Bert"rel="lightbox">
<AREA SHAPE="rect" COORDS="118,247,149,306" HREF="band/simoneE.jpg" ALT="Simone" title="Simone"rel="lightbox">
<AREA SHAPE="rect" COORDS="172,248,203,306" HREF="band/reneV.jpg" ALT="Renee" title="Renee"rel="lightbox">
<AREA SHAPE="rect" COORDS="241,237,271,294" HREF="band/mikeB.jpg" ALT="Mike" title="Mike"rel="lightbox">
<AREA SHAPE="rect" COORDS="313,248,343,292" HREF="band/wimB.jpg" ALT="Wim" title="Wim"rel="lightbox">
<AREA SHAPE="rect" COORDS="283,367,312,407" HREF="band/gerdaM.jpg" ALT="Gerda" title="Gerda"rel="lightbox">
<AREA SHAPE="rect" COORDS="324,351,354,388" HREF="band/nanehH.jpg" ALT="Naneh" title="Naneh"rel="lightbox">
<AREA SHAPE="rect" COORDS="385,358,412,401" HREF="band/anitaB.jpg" ALT="Anita" title="Anita"rel="lightbox">
<AREA SHAPE="rect" COORDS="383,258,408,300" HREF="Band/guido.jpg" ALT="Guido" title="Guidio"rel="lightbox">
<AREA SHAPE="rect" COORDS="410,230,437,259" HREF="band/christiaanE.jpg" ALT="Christiaan" title="Christiaan"rel="lightbox">
<AREA SHAPE="rect" COORDS="429,351,457,391" HREF="band/manyG.jpg" ALT="Mandy" title="Mandy"rel="lightbox">
<AREA SHAPE="rect" COORDS="416,390,456,427" HREF="band/peterE.jpg" ALT="Peter E" title="Peter E"rel="lightbox">
<AREA SHAPE="rect" COORDS="454,265,483,309" HREF="band/peterG.jpg" ALT="Peter G" title="Peter G"rel="lightbox">
<AREA SHAPE="rect" COORDS="493,349,522,390" HREF="band/charmaineJ.jpg" ALT="Charmaine" title="Charmaine"rel="lightbox">
<AREA SHAPE="rect" COORDS="512,214,535,261" HREF="band/tinieP.jpg" ALT="Tinie" title="Tinie"rel="lightbox">
<AREA SHAPE="rect" COORDS="532,266,556,297" HREF="band/dennisG.jpg" ALT="Dennis" title="Dennis"rel="lightbox">
<AREA SHAPE="rect" COORDS="556,335,582,380" HREF="band/manonB.jpg" ALT="Manon" title="Manon"rel="lightbox">
<AREA SHAPE="rect" COORDS="594,214,621,247" HREF="band/gerritP.jpg" ALT="Gerrit P" title="Gerrit P"rel="lightbox">
<AREA SHAPE="rect" COORDS="617,257,649,310" HREF="band/anetteE.jpg" ALT="Anette" title="Anette"rel="lightbox">
<AREA SHAPE="rect" COORDS="610,348,638,383" HREF="band/chanelM.jpg" ALT="Chanel" title="Chanel"rel="lightbox">
<AREA SHAPE="rect" COORDS="725,237,763,273" HREF="band/brianP.jpg" ALT="Brian" title="Brian"rel="lightbox">
<AREA SHAPE="rect" COORDS="517,274,746,303" HREF="band/edwinB.jpg" ALT="Edwin" title="Edwin"rel="lightbox">
<AREA SHAPE="rect" COORDS="832,251,855,301" HREF="band/rosella.jpg" ALT="Rosella" title="Rosella"rel="lightbox">
<AREA SHAPE="rect" COORDS="807,293,831,316" HREF="band/dawnT.jpg" ALT="Dawn" title="Dawn"rel="lightbox">
<AREA SHAPE="rect" COORDS="914,269,949,309" HREF="band/jackie.jpg" ALT="Jackkie" title="Jackkie"rel="lightbox">
</map>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" /> <script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script> <script src="js/lightbox.js" type="text/javascript"></script> body{ color: #333; font: 13px 'Lucida Grande', Verdana, sans-serif; } <link rel=stylesheet href="styl.css" type="text/css"> <h2>Voor de gene die geen internet Explorer gebruikt <br> klik op het gezicht en je word naar de foto met naam geleid </h2><br> Hou de muis een paar seconde's op 1 van de bandleden z'n gezicht om tezien hoe hij/zij heet. <br> <IMG SRC="groep foto 2008.jpg" ALT="groeps foto van de band 2008" WIDTH="1022" HEIGHT="767" BORDER="0" USEMAP="#fotoband"> <AREA SHAPE="rect" COORDS="85,240,117,303" HREF="band/alfonsS.jpg" ALT="Alfons" rel="lightbox[roadtrip]" title="Alfons"> <AREA SHAPE="rect" COORDS="305,213,330,244" HREF="band/bertG.jpg" ALT="Bert" title="Bert"rel="lightbox"> <AREA SHAPE="rect" COORDS="118,247,149,306" HREF="band/simoneE.jpg" ALT="Simone" title="Simone"rel="lightbox"> <AREA SHAPE="rect" COORDS="172,248,203,306" HREF="band/reneV.jpg" ALT="Renee" title="Renee"rel="lightbox"> <AREA SHAPE="rect" COORDS="241,237,271,294" HREF="band/mikeB.jpg" ALT="Mike" title="Mike"rel="lightbox"> <AREA SHAPE="rect" COORDS="313,248,343,292" HREF="band/wimB.jpg" ALT="Wim" title="Wim"rel="lightbox"> <AREA SHAPE="rect" COORDS="283,367,312,407" HREF="band/gerdaM.jpg" ALT="Gerda" title="Gerda"rel="lightbox"> <AREA SHAPE="rect" COORDS="324,351,354,388" HREF="band/nanehH.jpg" ALT="Naneh" title="Naneh"rel="lightbox"> <AREA SHAPE="rect" COORDS="385,358,412,401" HREF="band/anitaB.jpg" ALT="Anita" title="Anita"rel="lightbox"> <AREA SHAPE="rect" COORDS="383,258,408,300" HREF="Band/guido.jpg" ALT="Guido" title="Guidio"rel="lightbox"> <AREA SHAPE="rect" COORDS="410,230,437,259" HREF="band/christiaanE.jpg" ALT="Christiaan" title="Christiaan"rel="lightbox"> <AREA SHAPE="rect" COORDS="429,351,457,391" HREF="band/manyG.jpg" ALT="Mandy" title="Mandy"rel="lightbox"> <AREA SHAPE="rect" COORDS="416,390,456,427" HREF="band/peterE.jpg" ALT="Peter E" title="Peter E"rel="lightbox"> <AREA SHAPE="rect" COORDS="454,265,483,309" HREF="band/peterG.jpg" ALT="Peter G" title="Peter G"rel="lightbox"> <AREA SHAPE="rect" COORDS="493,349,522,390" HREF="band/charmaineJ.jpg" ALT="Charmaine" title="Charmaine"rel="lightbox"> <AREA SHAPE="rect" COORDS="512,214,535,261" HREF="band/tinieP.jpg" ALT="Tinie" title="Tinie"rel="lightbox"> <AREA SHAPE="rect" COORDS="532,266,556,297" HREF="band/dennisG.jpg" ALT="Dennis" title="Dennis"rel="lightbox"> <AREA SHAPE="rect" COORDS="556,335,582,380" HREF="band/manonB.jpg" ALT="Manon" title="Manon"rel="lightbox"> <AREA SHAPE="rect" COORDS="594,214,621,247" HREF="band/gerritP.jpg" ALT="Gerrit P" title="Gerrit P"rel="lightbox"> <AREA SHAPE="rect" COORDS="617,257,649,310" HREF="band/anetteE.jpg" ALT="Anette" title="Anette"rel="lightbox"> <AREA SHAPE="rect" COORDS="610,348,638,383" HREF="band/chanelM.jpg" ALT="Chanel" title="Chanel"rel="lightbox"> <AREA SHAPE="rect" COORDS="725,237,763,273" HREF="band/brianP.jpg" ALT="Brian" title="Brian"rel="lightbox"> <AREA SHAPE="rect" COORDS="517,274,746,303" HREF="band/edwinB.jpg" ALT="Edwin" title="Edwin"rel="lightbox"> <AREA SHAPE="rect" COORDS="832,251,855,301" HREF="band/rosella.jpg" ALT="Rosella" title="Rosella"rel="lightbox"> <AREA SHAPE="rect" COORDS="807,293,831,316" HREF="band/dawnT.jpg" ALT="Dawn" title="Dawn"rel="lightbox"> <AREA SHAPE="rect" COORDS="914,269,949,309" HREF="band/jackie.jpg" ALT="Jackkie" title="Jackkie"rel="lightbox">
|