...

View Full Version : Firefox n Light box...



Caderial
05-01-2008, 10:08 PM
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

http://urbanfoxmedia.com/AMK/braclets_1.htm
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">
<head>
<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;
}
</style>
<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;
}

</style>
<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];}
}
//-->
</script>

<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}

</style>

</head>

<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>
<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>
<p>&nbsp;</p>
<p>&nbsp;</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
</p></div>
</div>
<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>
</div>
<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>
</div></div>
</body>
</html>



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum