Hi everyone,
I'm trying to install the Lightbox2 script to my company's portfolio page at http://mktconnections.com/newsite/work/
and can't get it to work. The images are simply opening in a new window and currently I am only experimenting on one link, the "Advertising" link near the middle of the page.
I've checked my links to the css and js files and I believe they're fine. So I don't know what I'm doing wrong.
Any help would be much appreciated!
A simplified version of my page:
HTML Code:
<!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" />
<link href="../style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="/newsite/work/lightbox/css/lightbox.css" type="text/css" media="screen" />
<!--[if IE 5]>
<style type="text/css">
/* place css box model fixes for IE 5* in this conditional comment */
.twoColFixLtHdr #sidebar1 { width: 230px; }
</style>
<![endif]--><!--[if IE]>
<style type="text/css">
/* place css fixes for all versions of IE in this conditional comment */
.twoColFixLtHdr #sidebar1 { padding-top: 30px; }
.twoColFixLtHdr #mainContent { zoom: 1; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
<![endif]-->
<script type="text/javascript" src="/newsite/work/lightbox/js/prototype.js"></script>
<script type="text/javascript" src="/newsite/work/lightbox/js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="/newsite/work/lightbox/js/lightbox.js"></script>
</head>
<body class="twoColFixLtHdr" onload="MM_preloadImages('../images/market-connections-orange-dot.png','../images/market-connections-signature-orange.png')…;initLightbox()">
<a href="http://www.webmaster-talk.com/index.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','../images/market-connections-signature-orange.png',1)"><img src="http://www.webmaster-talk.com/images/market-connections-signature.png" name="home" width="122" height="62" border="0" style="float:right; margin-right:50px; margin-top:30px;"id="home" /></a>
<a href="advertising/Our-State-ad.jpg" rel="lightbox[advertising]">Advertising</a>
</body>
</html>
Last edited by chrishirst; 05-30-2010 at 03:56 PM..
|
