-
2006-12-19
Lightbox Gone Wild for Blogger<iframe onload="checkDeactivate116655217323251878();" src="https://www.blogger.com/comment.g?blogID=18522301&postID=116655217323251878&isPopup=true&isPopup=true#commentForm" frameborder="0" style="border-width:0px;width:100%;height:380px;"></iframe>
Close- body
-
Lightbox Gone Wild is a JavaScript tool used to overlay other pages on the current page using AJAX. It looks nice and is really user-friendly. One problem : we on Blogger cannot create a static HTML page on the same domain to be included via AJAX.
So I have modified the code slightly. My version will include snippets from your local page instead. Just include these lines in your <head> section:
<script type="text/javascript" src="http://jscripts.ning.com/get.php?xn_auth=no&id=1093361"></script>
<script type="text/javascript" src="http://jscripts.ning.com/get.php?xn_auth=no&id=2655847"></script>
<link rel="stylesheet" type="text/css" href="http://singpolyma.googlepages.com/lightbox.css" />
Then, insert the HTML you want to be displayed in the lightbox like so:
<div id="lightbox-id" style="display:none;">
HTML HERE
</div>
Make sure you have a link similar to this in the code to be inserted so that the lightbox can be closed again:
<a href="#" class="lbAction" rel="deactivate">Close</a>
Then, insert a link to open the lightbox, like so:
<a class="lbOn" href="#lightbox-id">Open Lightbox</a>
To see an example, click the calendar icon next to the archives in my sidebar.
Not sure why I'm linking to translations today. I usually don't. They show up in the backlinks, and saying in English 'here's a translation' doesn't make loads of sense. They deserve a link though. A translation of this post.Tags:
Trackbacks:
Syndication
Archives
-
►
2007
(21)
-
►
January
(17)
- JScripts Gets Some Love
- OpenID as True Single Signon
- Template Conversion 'Wizard'
- Table for Converting Blogger Classic to New Blogge...
- Lightbox Comment Form Update
- New Stuff on Ning
- The Bleet
- Static Pages in Blogger
- Microsummaries in Blogger
- hAtom in the New Blogger
- Moved to New Blogger
- New Tools and XOXO Blog Activity
- Del.icio.us / Trackback Script Updated
- New Singpolyma Templates
- Asynchronous Peek-a-boo Comments
- Peek-a-boo Widgets
- hCard Profile Generator
-
►
January
(17)
-
▼
2006
(94)
-
▼
December
(13)
- Hacks by Others
- Blogger Hacks Wiki Update
- Peek-a-boo and Scrolling
- Singpolyma Templates for new Blogger
- Update : Peek-a-boo Comments
- For New Blogger : Blogger del.icio.us categorising...
- Peek-a-boo HTML Widgets
- Die index.html!
- Comment Forms and Blogger BETA
- New(?) Splog Format
- Blogger Calendar
- Lightbox Gone Wild for Blogger
- BloggerBubble
-
▼
December
(13)
- Links
- + Freshblog
Loading... - + Ecmanaut
Loading... - + The Lastword
Loading... - + Amateur Writerz
Loading... - Missionary Information Manager
- Missionary Adventures
- Help Spread FireFox!

- + Freshblog
- Friends
- My Sites




Post Calendar