Alternative to greybox or fix?

JavaScript
1

Hi guys,

I’m new here so forgive me if this has been posted in the wrong place :slight_smile:
Anyway, I’m having a rather weird problem with Greybox. For whatever reason, it seems to only work properly on the second attempt in Firefox. Google Chrome, Safari, IE, etc. all seem to be not opening the image at all.

Here is the URL where this is occurring:
KJC Comics

When you click the strip, it tries to load and fails. You are left with a white box. Sometimes after refreshing the page once and trying again, the image will come up, but most of the time this works in Firefox and rarely Chrome. All other browsers aren’t opening the image at all.

Here is the page 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 name="description" content="The official website for KJC Comics! " /> 
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>KJC Comics</title> 
<style type="text/css"> 
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
}
body {
	background-color: #000;
	margin-top: 0px;
	margin-right: 0px;
}
</style> 
<link href="public/css/kjcc_fp_css.css" rel="stylesheet" type="text/css" /> 
<script type="text/javascript" src="scripts/jquery-1.4.2.min"></script> 
<script type="text/javascript"> 
    var GB_ROOT_DIR = "scripts/greybox/";
</script> 
<script type="text/javascript" src="scripts/greybox/AJS.js"></script> 
<script type="text/javascript" src="scripts/greybox/gb_scripts.js"></script> 
<link href="scripts/greybox/gb_styles.css" rel="stylesheet" type="text/css" /> 
</head> 
<body> 
<div id="Main_Table"> 
	<div id="Main_Wrapper"> 
    	<div id="Comic_Wrapper"> 
         
        <h4>Drift: Get a REAL Guitar!</h4> 
        <h5>By: Jamaal Ephriam and Kathan Chai</h5> 
        <a href="public/images/drift/large/DRIFT_01L.jpg" rel="gb_imageset[nice_pics]" title="Drift"><img src="public/images/drift/DRIFT_01.jpg" alt="DRIFT 01" name="" width="897" height="293" border="0" /></a> 
        The transition between has never been kind XD.<br /> 
        <br /> 
      </div> 
        <div id="InfoText">[Website Coming Soon!]</div> 
    </div> 
    <div id="HTML_Bar"> 
    <a href="http://www.keyjaycompound.com/index_n.php">Home</a> | <a href="http://www.keyjaycompound.com/info.html">Info</a> | <a href="http://www.keyjaycompound.com/narchive.php">News Archive</a> | <a href="http://www.keyjaycompound.com/events.php">Events</a> | <a href="http://www.keyjaycompound.com/disk.php">Discography</a> | <a href="http://kjcdevbox.wordpress.com/">Blog</a> | <a href="http://www.keyjaycompound.com/samples.php">Samples</a> | <a href="http://www.keyjaycompound.com/forums/index.php">Forum</a> | <a href="http://www.keyjaycompound.com/services.php">Services</a> | Store | KJC Comics | <a href="http://www.keyjaycompound.com/gallery.html">Gallery</a> | <a href="http://www.keyjaycompound.com/affiliates.html">Affiliates</a> | <a href="http://www.keyjaycompound.com/kjcprojects.html">Projects</a> | <a href="mailto:keyjaycompound@gmail.com">Contact</a> | <a href="http://keyjaycompound.com/rss/kjcrss.xml">RSS</a> 
| <a href="http://www.keyjaycompound.com/Newsletter/SighnUpForm.php">Newsletter</a><br /> 
Copyright &copy; Enigma Studios 2003 - 2009 , Jamaal Ephriam 2008- 2012 All Rights Reserved
    </div> 
</div> 
 
 
 
</body> 
</html>

A simple page but an odd problem. If you guys have any idea of what might be going on, or have a nice better alternative to greybox, then please let me know.

2

Corrected, but unfortunately the problem is still there. Could it be in regards to which script is being imported first?

3

one thing i see is your missing .js at the end of the jquery script.