Hello and welcome to our community! Is this your first visit?
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 1 of 1
  1. #1
    New to the CF scene
    Join Date
    May 2008
    Thanked 0 Times in 0 Posts

    Firefox n Light box...

    Hello World!, err Hello Forums!.

    Hey guys was wondering if oculd get assitance with this rather annoying issue.

    I am using Lightbox 2.04 and have my gallery and photos all linked and the like, But for some reason when i load it up in browser from the web server the photos will not load, it just sticks on the loading screen , no matter how small of file .

    I haven't changed the code in the JS file for Lightbox nor have i touched any of the CSS so i assume they are all fine . If you need me to post the code for the JS file please let me know.
    You can view my page here

    the 4 photo's lead to the light box

    Here is the Html Documents Code
    The code for the Light box is in the <div> named id="main_body"
    Any help would be appreciated.

    <!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">
    <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>
    <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Anne M Kelly Jewlery - Necklaces</title>
    <style type="text/css">
    body {
    	background-color: #72afa9;
    #thumbnails a {
    	margin: 0px;
    	padding: 0px;
    	border-top-width: 0px;
    	border-right-width: 0px;
    	border-bottom-width: 0px;
    	border-left-width: 0px;
    	border-top-style: 0;
    	border-right-style: 0;
    	border-bottom-style: 0;
    	border-left-style: 0;
    <link href="anneMkelly.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    .style1 {color: #666666}
    .style2 {color: #999999}
    .style4 {
    	color: #FFFFFF;
    	font-size: 8px;
    <script type="text/javascript">
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    function MM_findObj(n, d) { //v4.01
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
    function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    <style type="text/css">
    #main_body {
    	background-image: url(images/about_bg_12.jpg);
    .style8 {
    	font-size: 18px;
    	font-family: Geneva, Arial, Helvetica, sans-serif;
    	color: #73B0AA;
    .style16 {
    	color: #73AFA9;
    	font-size: 14px;
    	font-family: Geneva, Arial, Helvetica, sans-serif;
    .style17 {color: #FFFFFF}
    <body onload="MM_preloadImages('images/home_over.jpg','images/about_artist_over.jpg','images/jewlery_over.jpg','images/suites_over.jpg','images/galleries_over.jpg','images/links_over.jpg')">
    <div id="container">
      <div class="style2" id="header">
        <div id="main_mnu"><a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Home','','images/home_over.jpg',1)"><img src="images/home_up.jpg" name="Home" width="47" height="29" border="0" id="Home" /></a><img src="images/spacer_mnu.jpg" width="290" height="29" /><a href="about_artist.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('about_artist','','images/about_artist_over.jpg',1)"><img src="images/about_artist_up.jpg" name="about_artist" width="89" height="29" border="0" id="about_artist" /></a><a href="about_maille.html"><img src="images/about_mail_up.jpg" name="about_mail" width="80" height="29" border="0" id="about_mail" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('jewlery','','images/jewlery_over.jpg',1)"><img src="images/jewlery_up.jpg" name="jewlery" width="61" height="29" border="0" id="jewlery" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('suites','','images/suites_over.jpg',1)"><img src="images/suites_up.jpg" name="suites" width="45" height="29" border="0" id="suites" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('galleries','','images/galleries_over.jpg',1)"><img src="images/galleries_up.jpg" name="galleries" width="58" height="29" border="0" id="galleries" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('links','','images/links_over.jpg',1)"><img src="images/links_up.jpg" name="links" width="46" height="29" border="0" id="links" /></a></div>
      <div class="style1" id="main_body"><div id="thumbnails"><a href="images/Necklaces/#1.jpg"" rel="lightbox[neck1]" title="my caption"><img src="images/necklaces_thumbs/nthumb_1.gif" border="0" /></a><a href="images/Necklaces/#2.jpg"" rel="lightbox[neck1]" title="my caption"><img src="images/necklaces_thumbs/nthumb_2.gif" border="0" /></a><a href="images/Necklaces/#3.jpg"" rel="lightbox[neck1]" title="my caption"><img src="images/necklaces_thumbs/nthumb_3.gif" border="0" /></a><a href="images/Necklaces/#4.jpg"" rel="lightbox[neck1]" title="my caption"><img src="images/necklaces_thumbs/nthumb_4.gif" border="0" /></a></div>
      <div id="gallery_txt">
        <p class="style8">Necklaces</p>
        <p>Maille is a fabric made of interwoven metal rings, links, or interwoven rings and links combined with metal plates. The modern term, &quot;chainmail,&quot; is derived from </p>
        <div id="photo_tags">
         </p><span class="style8">1.</span>Necklace 1</p>
           <br />
           <br />
           <br />
           <br />
           <span class="style8">2.</span> Necklace 2
           <br />
           <br />
           <br />
           <br />
           <span class="style8">3.</span> Necklace 3
           <br />
           <br />
           <br />
           <br />
           <span class="style8">4.</span> Necklace 4 
      <div id="photo_mnu">
        <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; page - <span class="style16"><span class="style17">1</span> 2 3  </span>- next</p>
      <div class="style4" id="footer">&nbsp;For prices, availability, and purchasing information please email <a href="emailto:annemkelly@annemkellydesigns.com">anncbxbemkelly@annemkellydesigns.com</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Anne M. Kelly Designs &#169; 2005. All Rights Reserved.Web Design by Artemis PR &amp; Design Inc.</div>
    Last edited by Caderial; 05-01-2008 at 10:29 PM. Reason: Add a link to example page


Posting Permissions

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