Lightbox

Ik heb lightbox toegevoegd aan me website, maar waar moet ik dit plaatsen?

<script src="prototype.js" type="text/javascript"></script>
<script src="scriptaculous.js?load=effects" type="text/javascript"></script>
<script src="lightbox.js" type="text/javascript"></script>

tussen de header tages van de html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>titel site</title>
<script src="prototype.js" type="text/javascript"></script>
<script src="scriptaculous.js?load=effects" type="text/javascript"></script>
<script src="lightbox.js" type="text/javascript"></script>
</head>

<body>

Oke bedankt, ik ga het proberen
//Ja, maar kijk de bron van deze pagina eens, waar moet ik hem dan plaatsen?

bron: view-source:http://www.patrickdesign.nl/portfolio.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <meta name="jouw website" content="jouwwebsite.nl" />

    <title>PatrickDesign.nl - Voor jouw webdesign!</title>
    <link href="style.css" rel="stylesheet" type="text/css" />
    <script src="prototype.js" type="text/javascript"></script>
    <script src="scriptaculous.js?load=effects" type="text/javascript"></script>
    <script src="lightbox.js" type="text/javascript"></script>
    </head>

<body>
    <div id= "container">

            <div id="header">
            </div>
            
                    <div id= "menu">
                        <a href="index.html" class= "linkred">Home</a><a href="overons.html" class= "linkora">Over Ons</a><a href="portfolio.html" class= "linkgre">Portfolio</a><a href="linkpartners.html" class= "linkblue">Linkpartners</a><a href="contact.php" class= "linkpur">Contact</a>
 
                    </div>
                                        <!-- content -->
                        <div id= "main">
                            <div class= "space"></div>
                            <div id= "main2">
                                <div class= "left"><a href="images/achtergrond.png" rel="lightbox[show]" title="Dit is het 1e plaatje"><IMG src="images/afbeelding1.png" border=0></a>
                                <link rel="stylesheet" href="lightbox.css" type="text/css" media="screen" />
    
    
                                

                                </div>
                                
                            </div>
                            
                            <div class= "space"></div>
                            <div id= "main2">
                                <div class= "left"><img src="images/random_afb.png" alt="" />
                                </div>
                                <div class= "right"><h1>Lorem ipsum</h1>
                                dolor sit amet, consectetur adipiscing elit. Mauris in erat ligula, sed pellentesque ligula. Nullam tempus, massa vel semper malesuada, tortor mauris cursus                                dolor, vitae interdum enim lacus vitae mauris. Nulla non venenatis est. Curabitur pretium blandit varius. Quisque quis sem lectus, eget porttitor velit. Donec                                molestie dignissim ipsum quis interdum.
                                </div>
                            </div>
                            <div class= "space"></div>
                            
                            <!-- indien je een extra vak wil kopieer dan dit gedeelte hieronder en plak dit net boven deze informatie regel
                            
                            <div id= "main2">
                                <div class= "left"><img src="images/random_afb.png" alt="" />
                                </div>
                                <div class= "right"><h1>Lorem ipsum</h1>
                                dolor sit amet, consectetur adipiscing elit. Mauris in erat ligula, sed pellentesque ligula. Nullam tempus, massa vel semper malesuada, tortor mauris cursus                                dolor, vitae interdum enim lacus vitae mauris. Nulla non venenatis est. Curabitur pretium blandit varius. Quisque quis sem lectus, eget porttitor velit. Donec                                molestie dignissim ipsum quis interdum.
                                </div>
                            </div>
                            <div class= "space"></div>
                            
                            einde informatie -->
                        </div>    
                                    

                                        <!-- Einde content -->
                                        
            <div style="clear: both;"></div>
            <div id="footer"><h2> alle rechten voorbehouden - <a href="http://www.patrickdesign.nl">PatrickDesign</a></h2></div>
    </div>
</body>
</html>

E: hij was al goed

Dan werkt het niet? Moet ik dan nog andere dingen doen?

http://www.lokeshdhakar.com/projects/lightbox2/#how

je moet de img een link van maken en bepaald ref mee geven.
de titel van de ref is vaak het zelfde maar soms afhankelijk welke lightbox je gebruikt.

staat ook in de link van reinier

Het wil niet echt, kan iemand me precies helpen? via msn ofzo?

inmiddels heb ik Patricka geholpen en hij doet het

Klopt, deze mag dus wel dicht?

Is het gelukt?

Marjolein schreef:

inmiddels heb ik Patricka geholpen en hij doet het

Patricka schreef:

Klopt, deze mag dus wel dicht?

Rickdb schreef:

Is het gelukt?

Spammert.