I'm trying to get lofslidernews and ightbox to work. Only one does, do i ned to add a line of code so they both run?
currently only the news feed is running however i need the lightbox to work as well.
The lightbox needs to appear when i click on "aboutodc.png" and "copy.jpg" needs to appear. what am i missing? i really need help!
heres the code...
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>
<script type="text/javascript">
function GroupDelegate(id) {
var objLink = document.getElementById(id);
Lightbox.prototype.start(objLink);
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Welcome to Office Document Consulting Inc.</title>
<link rel="stylesheet" type="text/css" href="../ODCsite/css/layout.css" />
<link rel="stylesheet" type="text/css" href="../ODCsite/css/style.css" />
<link rel="stylesheet" type="text/css" href="../ODCsite/css/lightbox.css" media="screen" />
<script language="javascript" type="text/javascript" src="../ODCsite/js/prototype.js"></script>
<script language="javascript" type="text/javascript" src="../ODCsite/js/scriptaculous.js?load=effects,builder"></script>
<script language="javascript" type="text/javascript" src="../ODCsite/js/lightbox.js"></script>
<script language="javascript" type="text/javascript" src="../ODCsite/js/jquery.js"></script>
<script language="javascript" type="text/javascript" src="../ODCsite/js/jquery.easing.js"></script>
<script language="javascript" type="text/javascript" src="../ODCsite/js/script.js"></script>
<script src="../ODCsite/SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready( function(){
$('#lofslidecontent45').lofJSidernews( {interval:4000,
direction:'opacity',
duration:1000,
easing:'easeInOutSine'} );
});
</script>
<style type="text/css">
body {
background-image: url(../ODCsite/images/img01.gif);
text-align: left;
}
</style>
<link href="../ODCsite/SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<style type="text/css">
#apDiv1 {
position:absolute;
width:310px;
height:115px;
z-index:1;
left: 780px;
top: 730px;
}
#apDiv2 {
position:absolute;
width:200px;
height:115px;
z-index:1;
left: 700px;
top: 836px;
}
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>
<body>
<div id="container"><!------------------------------------- THE CONTENT ------------------------------------------------->
<p><img src="images/logobig.jpg" width="330" height="56" hspace="0" align="middle" /></p>
<div id="lofslidecontent45" class="lof-slidecontent">
<div class="preload"><div></div></div>
<!-- MAIN CONTENT -->
<div class="lof-main-outer">
<ul class="lof-main-wapper">
<li>
<img src="../ODCsite/images/cloudjava.jpg" title="Newsflash 2" height="300" width="900">
<div class="lof-main-item-desc">
<h3><a target="_parent" title="Newsflash 2" href="#">Programs</a></h3>
<p>DOC Assess</p>
</div>
</li>
<li>
<img src="../ODCsite/images/consultjava.jpg" title="Newsflash 1" height="300" width="900"> <div class="lof-main-item-desc">
<h3><a target="_parent" title="Newsflash 1" href="#">Consulting Services</a></h3>
<p>[insert text here]</p>
</div>
</li>
<li>
<img src="../ODCsite/images/mpsjava.jpg" title="Newsflash 3" height="300" width="900"> <div class="lof-main-item-desc">
<h3><a target="_parent" title="Newsflash 3" href="#">MPS Solutions</a></h3>
<p>[insert text here]</p>
</div>
</li>
<li>
<img src="../ODCsite/images/sales.jpg" title="Newsflash 5" height="300" width="900"> <div class="lof-main-item-desc">
<h3><a target="_parent" title="Newsflash 5" href="#">Sales Training</a></h3>
<p>[insert text here]</p>
</div>
</li>
</ul>
</div>
<!-- END MAIN CONTENT -->
<!-- NAVIGATOR -->
<div class="lof-navigator-outer">
<ul class="lof-navigator">
<li>
<div>
<img src="../ODCsite/images/lofthumbs/791902news3.jpg" />
<h3> Programs </h3>
<span>[insert date]</span> - [insert text]
</div>
</li>
<li>
<div>
<img src="../ODCsite/images/lofthumbs/435576news10.jpg" />
<h3> Consulting Services </h3>
<span>[insert date]</span> - [insert text]
</div>
</li>
<li>
<div>
<img src="../ODCsite/images/lofthumbs/641906img1.jpg" />
<h3> MPS Solutions </h3>
<span>[insert date]</span> - [insert text]
</div>
</li>
<li>
<div>
<img src="../ODCsite/images/lofthumbs/416719news7.jpg" />
<h3> Sales Training </h3>
<span>[insert date]</span> - [insert text]
</div>
</li>
<li>
<div>
<img src="../ODCsite/images/lofthumbs/641906img1.jpg" />
<h3> NewsFlash 5</h3>
<span>20.01.2010</span> -In id, mauris viverra asperiores, bibendum in id. Eu molestie. Ac sit eu. ..
</div>
</li>
<li>
<div>
<img src="../ODCsite/images/lofthumbs/416719news7.jpg" />
<h3> NewsFlash 6</h3>
<span>20.01.2010</span> - In id, mauris viverra asperiores, bibendum in id. Eu molestie. Ac sit eu. ..
</div>
</li>
</ul>
</div>
</div>
<p> </p>
<p><a href="../ODCsite/images/copy.jpg" rel="lightbox"> <img src="../ODCsite/images/aboutodc.png" width="154" height="84" hspace="12" /></a><a href="cloud.htm"><img src="../ODCsite/images/softsol.png" width="154" height="84" hspace="12" /></a><a href="financialservices.htm"><img src="../ODCsite/images/finserv.png" width="154" height="84" hspace="12" /></a><a href="media.htm"><img src="../ODCsite/images/newsup.png" width="154" height="84" hspace="12" /></a><a href="mps.htm"><img src="../ODCsite/images/mpssol.png" width="154" height="84" hspace="12" /></a> </p>
<p> </p>
<ul id="Menu" class="MenuBarHorizontal">
<li><a href="index.html">Home</a> </li>
<li><a href="#" class="MenuBarItemSubmenu">Industry Articles</a>
<ul>
<li><a href="#">September 2011</a></li>
<li><a href="#">August 2011</a></li>
<li><a href="#">July 2011</a></li>
<li><a href="#">June 2011</a></li>
<li><a href="#">Archive</a></li>
</ul>
</li>
<li><a class="MenuBarItemSubmenu" href="#">Programs</a>
<ul>
<li><a href="#">DOC Assess</a> </li>
<li><a href="#">DOC fleet</a></li>
<li><a href="#">fleetCapture</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Contact Us</a>
<ul>
<li><a href="#">Mike Lamothe, President</a></li>
<li><a href="#">Stephen Lewis, CFO</a></li>
<li><a href="#">Joshua Chasse, Director of I.T</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Partners</a>
<ul>
<li><a href="#">FM Audit</a></li>
<li><a href="#">BTA</a></li>
</ul>
</li>
</ul>
<p> </p>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("Menu", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
<p> </p>
<p> </p>
<p> </p>
<table width="200" border="0" align="right">
<p> </p>
<table width="900" border="0">
<tr>
<td width="25" valign="bottom"><img src="../ODCsite/images/linkedin-logo.jpg" width="25" height="25" /></td>
<td width="25" valign="bottom"><img src="../ODCsite/images/facebook.png" width="25" height="25" /></td>
<td width="25" valign="bottom"><img src="../ODCsite/images/Twitter-icon.png" alt="" width="25" height="25" /></td>
<td width="25" align="center" valign="bottom"><img src="../ODCsite/images/youtube.jpg" alt="" width="25" height="25" hspace="0" align="middle" /></td>
<td width="1"> </td>
<td width="1"> </td>
<td width="1"> </td>
<td width="1"> </td>
<td width="1"> </td>
<td width="220"> </td>
<td width="211" valign="bottom">Office Document Consulting Inc. Copywright 2011"</td>
<td width="9"> </td>
<td width="8"> </td>
<td width="7"> </td>
<td width="6"> </td>
<td width="28"> </td>
<td width="62" valign="bottom"><img src="images/docassessred.png" alt="" width="62" height="11" align="middle" /></td>
<td width="62" valign="bottom"><img src="images/docfleet.jpg" alt="" width="62" height="11" hspace="0" align="middle" /></td>
<td width="50" valign="bottom"><img src="images/FleetCap.jpg" alt="" width="50" height="15" align="middle" /></td>
<td width="50" valign="bottom"><img src="images/fmaudit.png" alt="" width="50" height="15" align="middle" /></td>
</tr>
</table>
<p> </p>
<blockquote> </blockquote>
</body>
</html>
Thank you!
Before you post, read our: 
