Hi, I have a little problem with Jquery and the lightbox, they're not working togheter.. So here I have this page code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <title>Bla bla</title> <link rel="stylesheet" media="screen" href="./style.css"> <link rel="stylesheet" href="./css/lightbox.css" type="text/css" media="screen" /> <script type="text/javascript" src="./js/prototype.js"></script> <script type="text/javascript" src="./js/scriptaculous.js?load=effects,builder"></script> <script type="text/javascript" src="./js/lightbox.js"></script> <script src="./jquery.js" type="text/javascript" charset="utf-8"></script> <script src="./js.js" type="text/javascript" charset="utf-8"></script> </head> <body> <div id="contactback"><div id="contacttop"> <a href="#" class="exit"></a> <h2>CONTACT ME</h2> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus nisi. Sed lobortis, magna eget euismod bibendum.</p> <form action="./contact.php" method="post" id="contactform"> <div class="line"><div class="input_caption">Name</div><input class="input" type="text" name="name"></div> <div class="line"><div class="input_caption">Email Address</div><input class="input" type="text" name="email"></div> <div class="line"><div class="input_caption">Current Website</div><input class="input" type="text" name="website"></div> <div class="line"><div class="input_caption">Message</div><textarea rows="3" cols="100" class="textarea" name="message"></textarea> </div> <div class="line"><input type="submit" name="submit" value="Send" id="sendbutton"></div> </form> </div></div> <div class="page"> <div id="header"> <div class="left"> <h2><a href="./index.html">WELCOME<span>TO MY PORTFOLIO</span></a></h2> </div> <div class="right"> <h2>I'm Available For Freelance Work. Contact Me</h2> </div> </div> <div id="portfoliowrap"> <div id="portfolio"> <div class="box"> <div class="top"> <div class="left"> <img src="images/portfolio/imagebigpreview.jpg" alt="> </div> <div class="right"> <div class="top"> <a href="images/portfolio/image1.jpg" rel="lightbox"><img src="images/portfolio/imagethumb1.jpg" alt=""></a> </div> <div class="bottom"> <a href="images/portfolio/image2.jpg" rel="lightbox"><img src="images/portfolio/imagethumb2.jpg" alt=""></a> </div> </div> </div> <div class="bottom"> <h2>Cras quis mi<span> - cap</span></h2> <p>Phasellus vitae mauris eu velit condimentum mollis. Aenean eu lorem. Suspendisse a purus. In massa sem, luctus ut, tincidunt et, viverra sit amet, nunc. Vestibulum eget massa id sem tempus aliquet. Vestibulum a dui vitae felis varius aliquet. Vestibulum eros lorem, tincidunt eget, tempor vitae, iaculis vel, nisl.</p> <a href="http://www.site.com">Visit Work</a> </div> </div> <div class="box"> <div class="top"> <div id="portfolioo" class="left"> <img src="images/portfolio/1_big.jpg" alt="DefaultBig"> </div> <div id="portfolioo" class="right"> <div class="top"> <img src="images/portfolio/1a_small.jpg" alt="DefaultSmall1a"> </div> <div class="bottom"> <img src="images/portfolio/1b_small.jpg" alt="DefaultSmall1b"> </div> </div> </div> <div class="bottom"> <h2>Nulla dignissim<span>Lectus ac ultricies ultricies</span></h2> <p>Phasellus vitae mauris eu velit condimentum mollis. Aenean eu lorem. Suspendisse a purus. In massa sem, luctus ut, tincidunt et, viverra sit amet, nunc. Vestibulum eget massa id sem tempus aliquet. Vestibulum a dui vitae felis varius aliquet. Vestibulum eros lorem, tincidunt eget, tempor vitae, iaculis vel, nisl.</p> <a href="#">Visit Work</a> </div> </div> <div class="box"> <div class="top"> <div class="left"> <img src="images/portfolio/1_big.jpg" alt="DefaultBig"> </div> <div class="right"> <div class="top"> <img src="images/portfolio/1a_small.jpg" alt="DefaultSmall1a"> </div> <div class="bottom"> <img src="images/portfolio/1b_small.jpg" alt="DefaultSmall1b"> </div> </div> </div> <div class="bottom"> <h2>Cras quis mi<span>Aecenas elit velits</span></h2> <p>Maecenas sit amet enim. Donec id pede. Praesent purus. Integer eget nunc. Sed ultrices facilisis nisl. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus a magna. Nulla tincidunt tortor eget sapien. Nunc mollis imperdiet mi. Nam eros ante, aliquet et, sollicitudin quis.</p> <a href="#">Visit Work</a> </div> </div> </div> <A href="#" class="portfolioarrow"></a> </div> <a href="#" class="contactme"></a> </div> </body> </html> HTML: Can anyone help me out ?
The problem is solved.. If anyone is facing the same issue may drop me a message and I'll tell you the solution, I just can't be bothered to write it down here right now :/
I see you're using scriptaculous, prototype and jqyeru, those my conflict on the $ function. For lightbox, there's a lightbox jquery specific plugin you could try if you run into more problemas later on