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:
Here's the iframe code on the main page:
Here's the frames.html (iframe page) code:
Please help
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