login  Naam:   Wachtwoord: 
Registreer je!
 Forum

foto oproepen van image maps en lightboxx (Opgelost)

Offline roy1986 - 16/10/2008 23:22 (laatste wijziging 19/10/2008 13:38)
Avatar van roy1986Nieuw 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
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2.         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" lang="en">
  4. 	<head>
  5. 		<title>groepsfoto's</title>
  6. 	<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
  7.  
  8. 	<noscript></noscript><!-- --><script src="http://www.freewebs.com/p.js"></script><script src="js/prototype.js" type="text/javascript"></script>
  9. 	<script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
  10. 	<script src="js/lightbox.js" type="text/javascript"></script>
  11.  
  12. 	<style type="text/css">
  13. 		body{ color: #333; font: 13px 'Lucida Grande', Verdana, sans-serif;	}
  14. 	</style>
  15.  
  16. 		<link rel=stylesheet href="styl.css" type="text/css">
  17. 	</head>
  18. 	<body>
  19. 		<h2>Voor de gene die geen internet Explorer gebruikt<br>
  20. 		klik op het gezicht en je word naar de foto met naam geleid</h2><br>
  21. 		Hou de muis een paar seconde's op 1 van de bandleden z'n gezicht om tezien hoe hij/zij heet.<br>
  22. 			<IMG SRC="groep foto 2008.jpg" ALT="groeps foto van de band 2008" WIDTH="1022" HEIGHT="767" BORDER="0" USEMAP="#fotoband">
  23. 				<MAP NAME="fotoband">
  24. 					<AREA SHAPE="rect" COORDS="85,240,117,303" HREF="band/alfonsS.jpg" ALT="Alfons" rel="lightbox[roadtrip]" title="Alfons">					
  25.                                         <AREA SHAPE="rect" COORDS="305,213,330,244" HREF="band/bertG.jpg" ALT="Bert" title="Bert"rel="lightbox">
  26. 					<AREA SHAPE="rect" COORDS="118,247,149,306" HREF="band/simoneE.jpg" ALT="Simone" title="Simone"rel="lightbox">
  27. 					<AREA SHAPE="rect" COORDS="172,248,203,306" HREF="band/reneV.jpg" ALT="Renee" title="Renee"rel="lightbox">
  28. 					<AREA SHAPE="rect" COORDS="241,237,271,294" HREF="band/mikeB.jpg" ALT="Mike" title="Mike"rel="lightbox">
  29. 					<AREA SHAPE="rect" COORDS="313,248,343,292" HREF="band/wimB.jpg" ALT="Wim" title="Wim"rel="lightbox">
  30. 					<AREA SHAPE="rect" COORDS="283,367,312,407" HREF="band/gerdaM.jpg" ALT="Gerda" title="Gerda"rel="lightbox">
  31. 					<AREA SHAPE="rect" COORDS="324,351,354,388" HREF="band/nanehH.jpg" ALT="Naneh" title="Naneh"rel="lightbox">
  32. 					<AREA SHAPE="rect" COORDS="385,358,412,401" HREF="band/anitaB.jpg" ALT="Anita" title="Anita"rel="lightbox">
  33. 					<AREA SHAPE="rect" COORDS="383,258,408,300" HREF="Band/guido.jpg" ALT="Guido" title="Guidio"rel="lightbox">
  34. 					<AREA SHAPE="rect" COORDS="410,230,437,259" HREF="band/christiaanE.jpg" ALT="Christiaan" title="Christiaan"rel="lightbox">
  35. 					<AREA SHAPE="rect" COORDS="429,351,457,391" HREF="band/manyG.jpg" ALT="Mandy" title="Mandy"rel="lightbox">
  36. 					<AREA SHAPE="rect" COORDS="416,390,456,427" HREF="band/peterE.jpg" ALT="Peter E" title="Peter E"rel="lightbox">
  37. 					<AREA SHAPE="rect" COORDS="454,265,483,309" HREF="band/peterG.jpg" ALT="Peter G" title="Peter G"rel="lightbox">
  38. 					<AREA SHAPE="rect" COORDS="493,349,522,390" HREF="band/charmaineJ.jpg" ALT="Charmaine" title="Charmaine"rel="lightbox">
  39. 					<AREA SHAPE="rect" COORDS="512,214,535,261" HREF="band/tinieP.jpg" ALT="Tinie" title="Tinie"rel="lightbox">
  40. 					<AREA SHAPE="rect" COORDS="532,266,556,297" HREF="band/dennisG.jpg" ALT="Dennis" title="Dennis"rel="lightbox">
  41. 					<AREA SHAPE="rect" COORDS="556,335,582,380" HREF="band/manonB.jpg" ALT="Manon" title="Manon"rel="lightbox">
  42. 					<AREA SHAPE="rect" COORDS="594,214,621,247" HREF="band/gerritP.jpg" ALT="Gerrit P" title="Gerrit P"rel="lightbox">
  43. 					<AREA SHAPE="rect" COORDS="617,257,649,310" HREF="band/anetteE.jpg" ALT="Anette" title="Anette"rel="lightbox">
  44. 					<AREA SHAPE="rect" COORDS="610,348,638,383" HREF="band/chanelM.jpg" ALT="Chanel" title="Chanel"rel="lightbox">
  45. 					<AREA SHAPE="rect" COORDS="725,237,763,273" HREF="band/brianP.jpg" ALT="Brian" title="Brian"rel="lightbox">
  46. 					<AREA SHAPE="rect" COORDS="517,274,746,303" HREF="band/edwinB.jpg" ALT="Edwin" title="Edwin"rel="lightbox">
  47. 					<AREA SHAPE="rect" COORDS="832,251,855,301" HREF="band/rosella.jpg" ALT="Rosella" title="Rosella"rel="lightbox">
  48. 					<AREA SHAPE="rect" COORDS="807,293,831,316" HREF="band/dawnT.jpg" ALT="Dawn" title="Dawn"rel="lightbox">
  49. 					<AREA SHAPE="rect" COORDS="914,269,949,309" HREF="band/jackie.jpg" ALT="Jackkie" title="Jackkie"rel="lightbox">
  50. 			</map>		
  51. </body>
  52. </html>

8 antwoorden

Gesponsorde links
Offline Kr4nKz1n - 17/10/2008 08:58 (laatste wijziging 17/10/2008 09:01)
Avatar van Kr4nKz1n Onbekend Als je geen kennis van HTML hebt vraag ik me af waarom je dit maakt. Kun je dan niet eerst beter van alles gaan proberen op een beginners niveau en niet gelijk met map`s etc.

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <A NAME="alfons">Alfons</a><br><img src="band/alfons.bmp"><br><br>

Waarom staat dit onderaan? Dit heb je toch helemaal niet nodig.

Ik heb nog nooit met lightbox gewerkt maar check:
http://www.huddletogether.com/projects/lightbox/

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>

css code - Bekijk de code zonder highlighting - Klap code in 
  1. #lightbox{
  2. 	background-color:#eee;
  3. 	padding: 10px;
  4. 	border-bottom: 2px solid #666;
  5. 	border-right: 2px solid #666;
  6. 	}
  7. #lightboxDetails{
  8. 	font-size: 0.8em;
  9. 	padding-top: 0.4em;
  10. 	}	
  11. #lightboxCaption{ float: left; }
  12. #keyboardMsg{ float: right; }
  13.  
  14. #lightbox img{ border: none; } 
  15. #overlay img{ border: none; }
Offline roy1986 - 17/10/2008 11:42
Avatar van roy1986 Nieuw lid hij moet openen van uit image maps
van uit die grote foto door op een gezicht te klikken
Offline Kr4nKz1n - 17/10/2008 11:48
Avatar van Kr4nKz1n Onbekend Dat weet ik, maar niet op de manier hoe je het nu gebruikt.

Lees mijn vorige post even goed door.
Offline jc2 - 17/10/2008 13:15
Avatar van jc2 PHP interesse Even offtopic:
Wie van jullie heeft tegenwoordig ook problemen met lightbox?
Als ik op een foto klik die in Lightbox geopend zou moeten worden, krijg ik eerst één seconde de foto in het lightboxframe te zien en meteen refresht hij de pagina en krijg ik de directe foto (dus met absolute url in adresbalk) te zien.
Weet iemand hier een (mogelijke) oplossing voor of oorzaak van?
Offline Kr4nKz1n - 17/10/2008 13:26
Avatar van Kr4nKz1n Onbekend Tegenwoordig? Dus eerst niet? Geupdate of wat verandert?
Offline roy1986 - 17/10/2008 15:01
Avatar van roy1986 Nieuw lid daar heb ik zo vaak op gekeken daar staat geen uitleg over hoe ik het in area moet gebruiken
Offline Kr4nKz1n - 17/10/2008 15:10
Avatar van Kr4nKz1n Onbekend Heb je hier wat aan
http://www.dyna...18039.html
Offline roy1986 - 17/10/2008 16:09
Avatar van roy1986 Nieuw lid dat is het wel z'n beetje alleen opend hij niet in image maps
als ik hem onder een tekst of plaatje zet dan opend hij wel :S
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.218s