Lytebox won't display images - please help

E

ejarnutowski

New Member
I'm using lytebox in an iframe and when i select the image inside the iframe, lytebox populates in the browser window but the picture viewer shrinks and sits at the top of the window with the loader graphic rotatating. nothing else happens. I made sure the paths to the images are correct and i'm putting the css and js headers in each page. i don't know what else to do. Any ideas?

Here's the header code on the main page:
Code: 
<html>

<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Contact TTWT</title>

 <link rel="stylesheet" href="lytebox.css" type="text/css" media="screen" />
<script type="text/javascript" language="javascript" src="lytebox.js"></script>
  
</head>

Here's the iframe code on the main page:
Code: 
<iframe name="iframe" marginwidth="1" marginheight="0" height="250" width="683" scrolling="no" border="0" frameborder="0" align="left" title="Gallery" src="lytebox/frames.html">
											Your browser does not support inline frames or is currently configured not to display inline frames.
											</iframe>

Here's the frames.html (iframe page) code:
Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>

<link rel="stylesheet" href="lytebox.css" type="text/css" media="screen" />
<script type="text/javascript" language="javascript" src="lytebox.js"></script>


</head>
<body>

<a href="images/bathroom.jpg" rel="lytebox[roadtrip]"><img src="images/bathroom.jpg" width="100" height="40" alt="" /></a>
<a href="images/stereo.jpg" rel="lytebox[roadtrip]"><img src="images/stereo.jpg" width="100" height="40" alt="" /></a>
<a href="images/driveway.jpg" rel="lytebox[roadtrip]"><img src="images/driveway.jpg" width="100" height="40" alt="" /></a>

Please help
 
PixelPusher

PixelPusher

Super Moderator
Staff member
I have not used lytebox, I have used slimbox though (which is quite similar just smaller in size and uses jquery). Looking at it does the variable with the anchor rel attribute need single quotes?

<a href="images/bathroom.jpg" rel="lytebox[roadtrip]"> ----> <a href="images/bathroom.jpg" rel="lytebox['roadtrip']">
 
L

Lonny Earl

Banned
I need to adapt an onclick image function to my current review module (and if possible have this function displayed anywhere on my site) - however the one i like the look of is javascript. It's called LyteBox and basically when an image is clicked on it displayes a popup box with a larger version of that image in it. The script itself can be found here:
 
You must log in or register to reply here.
Top