Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 1 of 1

Thread: help!

  1. #1
    New to the CF scene
    Join Date
    Nov 2011
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    help!

    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>&nbsp;</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>&nbsp;</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>&nbsp;</p>
    <script type="text/javascript">
    var MenuBar1 = new Spry.Widget.MenuBar("Menu", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
      </script>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
    <table width="200" border="0" align="right">
    <p>&nbsp;</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">&nbsp;</td>
        <td width="1">&nbsp;</td>
        <td width="1">&nbsp;</td>
        <td width="1">&nbsp;</td>
        <td width="1">&nbsp;</td>
        <td width="220">&nbsp;</td>
        <td width="211" valign="bottom">Office Document Consulting Inc. Copywright 2011&quot;</td>
        <td width="9">&nbsp;</td>
        <td width="8">&nbsp;</td>
        <td width="7">&nbsp;</td>
        <td width="6">&nbsp;</td>
        <td width="28">&nbsp;</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>&nbsp;</p>
    <blockquote>&nbsp;</blockquote>
    </body>
    </html>
    Thank you!
    Last edited by VIPStephan; 11-21-2011 at 01:27 AM. Reason: fixed [code] BB tag


 

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •