PDA

View Full Version : AJAX Tabs + Lightbox



brandon14
10-21-2007, 07:18 AM
1) Script Title:
Ajax Tabs Content Script
LyteBox 3.22

2) Script URL (on DD):
Ajax Tabs Content Script (http://www.dynamicdrive.com/dynamicindex17/ajaxtabscontent/index.htm)
LyteBox 3.22 (http://www.dolem.com/lytebox/)

3) Describe problem:

I previously had troubles with this AJAX Content script, but that was any easy fix, so maybe this will be to? I'm trying to use the lightbox script for my portfolio, which contents different sections using the AJAX script and I am having no luck getting them to work togather. I can get one image to open initially, but once I switch the tabs abd go back, it doesn't work. I have the script path on the main portfolio page, even though it says while using iFrames (similar?) to put the script in the sub pages. I tried that and no luck. Also, for the AJAX tabs script, I tried using the "rev" tag to grab the script for each tag, but again, nothing. Am I missing something again or what?

Page is located here (http://www.firstlinestudio.com/3/portfolio.html)

jscheuer1
10-21-2007, 03:48 PM
Lytebox is designed for either a regular page (no dynamic content via Ajax), or one that incorporates its ability to work across an iframe.

It could probably be worked out with Ajax, but I'm not really interested in doing so because lightbox, the script that inspired Lytebox, is fairly easy to setup with Ajax - no iframe allowed though. Link to lightbox:

http://www.dynamicdrive.com/dynamicindex4/lightbox2/index.htm

You put the lightbox scripts and style links on the top page. On your external pages, use the hard coded onclick event with each lightbox link, ex (from the demo page, addition red):


<a href="images/image-1.jpg" rel="lightbox" onclick="myLightbox.start(this); return false;" title="my caption">image #1</a>

tooetooe
02-02-2011, 11:55 PM
I cant get this to work at all following these instructions. Please help...:(