jQuery Trouble With LightBox of All Things... [Archive]

Dean440

06-02-2010, 04:42 AM

Here's the entire bit of code I have on test page. For whatever reason, lightBox seems to come up, but the initial overlay div (it's a very dark grey for me) ends up being over 300px tall.

<html>

<head>
<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript" src="/js/lightBox/js/lightbox.js"></script>

<script type="text/javascript">
$(document).ready(function(){
$("#gallery a").lightBox();
});
</script>

</head>

<body>
<div id="gallery">
<a href="/images/newLogo.png" title="My new Logo!">lightBox</a>
</div>
</body>

</html>

I can't believe all of the sudden I'm having so much trouble. Google Chrome's Javascript Console tells me "Resource interpreted as image but transferred with MIME type text/html." Firebug doesn't seem to be really helping much.

Any ideas?

Dean440

06-02-2010, 05:34 PM

I got the lightBox working. I forgot to include the lightbox CSS file.

Now my only problem is the MIME types for the images for the buttons. They're not working. I use Gnome as my FTP program and it's never had a problem transferring images correctly in binary mode.

I even made the images new in GIMP, saved them as GIFs, and check the Image Properties in GIMP, and it says URI instead of GIF image.