Lytebox has stopped working for me.

@Simon__UK_Mar 13.2010

I’m new to both coding and this forum.

I’ve created a test site which shows the problems I’m having getting my images to display properly using lytebox. I’m running lytebox rather than lightbox as it’s better at handling iFrames. I’ve spent hours trying to figure this out – I had it working initially yesterday, then suddenly, for no reason that I can see as I changed nothing, it stopped working entirely. It should be so straight forward yet it clearly isn’t working. Even after creating this test site I get nothing. Perhaps a fresh pair of eyes will see what I’m unable to. Any advice would be really appreciated.

~~[url]~~http://www.embles.plus.com/test/[/url]

to post a comment

JavaScript

14 Comments(s) _↴

@FangMar 13.2010 — #Read the Lytebox "How To Use"
If you plan to use Lytebox in an iFrame environment, then you need to include lytebox.css in the parent document, while including lytebox.js in the iFrame document.[/QUOTE]
and use rel="lyteframe"<a href="photos/sculpture.jpg" rel="[COLOR="Red"]lytebox[/COLOR]" title="">

You have both documents in the frame and inside a style element

div.Section1
 {page:Section1;}
 --&gt;
 &lt;script type="text/javascript" language="javascript" src="lytebox.js"&gt;&lt;/script&gt;
 &lt;link rel="stylesheet" href="lytebox.css" type="text/css" media="screen" /&gt;
 &lt;/style&gt;

@Simon__UK_authorMar 13.2010 — #Thanks for getting back to me.

The thing is I had it working yesterday with rel="lytebox" rather than lyteframe, but when I change it to lyteframe it doesn't see the photo and places an error at the bottom of the page. I removed the style element but it still doesn't work. I'm new to all this can you explain in layman's terms what I need to change?

@FangMar 13.2010 — #If you plan to use Lytebox in an iFrame environment, then you need to include lytebox.css in http://www.embles.plus.com/test/ (the parent document), while including lytebox.js in http://www.embles.plus.com/test/text/one.htm (the iFrame document).

I used [I]lyteframe[/I] and it works perfectly.

@Simon__UK_authorMar 13.2010 — #I have the lytebox.css in the test (parent) document. It's in the same place as the index.html.

@Simon__UK_authorMar 13.2010 — #Can you take another look at my site - after moving the script to just below the 'head' tag it doesn't even show the photo now.

@FangMar 13.2010 — #The the css document has not been included correctly; path incorrect or not on the server.

@Simon__UK_authorMar 13.2010 — #I'm not sure I understand you. The lytebox.css document is definitely on the server in the parent folder.

Here's a screenshot from my ftp client. I'm not sure how to embed a photo on this forum.

http://www.divshare.com/img/10747860-cd4.jpg

@FangMar 13.2010 — #You now have both documents in the frame (one.htm)

&lt;head&gt;
 &lt;script type="text/javascript" language="javascript" src="lytebox.js"&gt;&lt;/script&gt;
 &lt;link rel="stylesheet" href="lytebox.css" type="text/css" media="screen" /&gt;
 &lt;style&gt;
 &lt;style&gt;
 &lt;!--
 /* Style Definitions */
 p.MsoNormal, li.MsoNormal, div.MsoNormal
 {margin:0cm;
 margin-bottom:.0001pt;

If you plan to use Lytebox in an iFrame environment, then you need to include lytebox.css in http://www.embles.plus.com/test/ (the parent document), while including lytebox.js in http://www.embles.plus.com/test/text/one.htm (the iFrame document).[/QUOTE]

@Simon__UK_authorMar 13.2010 — #I have both documents in the frame? I don't get it. I added that script to one.htm as it says to do in the lytebox instructions. I don't see what you're getting at. What do I have to do to rectify this?

@FangMar 13.2010 — #This in index: [I]<link rel="stylesheet" href="lytebox.css" type="text/css" media="screen" />[/I]

This in one.htm: [I]<script type="text/javascript" src="lytebox.js"></script>[/I]

Make sure the paths to the Lytebox documents are correct

@Simon__UK_authorMar 13.2010 — #Placing each line of that script into index and one.htm accordingly has changed things - the webpage style has disappeared though leaving just the frame on a blank page. The lytebox animation works but doesn't show an image. The lytebox designer's instructions don't say to place each bit of code separately, and yesterday, I definitely had it working where both the lines of script were in one.htm and still had the webpage style - this is so confusing.

@FangMar 13.2010 — #The lytebox designer's instructions don't say to place each bit of code separately - this is so confusing.[/QUOTE] It does, very clearly.

Is the link to the larger image using the correct path?

@Simon__UK_authorMar 13.2010 — #OK my mistake. I though they were referring to the files (lytebox.css & lytebox.js) only. So, why am I still not seeing the photo?

@Simon__UK_authorMar 13.2010 — #Replaced the short link with a full URL path and it works now!

Thank you so much Fang - I couldn't have done it without you.

Also in #JavaScript _↴

I have 3 problems in an Angularjs form.where do I go?Need help with a gallery with a slideshow in a new window

Success!

Help @Simon__UK_ spread the word by sharing this article on Twitter...

Tweet This

Lytebox has stopped working for me.

14 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

Lytebox has stopped working for me.

14 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

14 Comments(s) _↴

Also in #JavaScript _↴