Browse > Home / AJAX, mootools / lightbox replacement - different approach

lightbox replacement - different approach

November 29, 2007 · Print This Article

The mooSlideBox v3 is a small and slim ajax based extension or replacement of the common “lightbox” that can be found on nearly every page. This lightbox clone works in IE 6/7, Opera and Firefox.

To show the slider with an image, a heading and a sample text, you can call it this way:

Slide

To make the link a slideBox link, you need to add the tag rel=”designSlide” to it. The slide can contain a heading and some text. Define it in your title tag of the link, separate the heading from the main text with a “::”

If you wish to have more content, or html tags like links in the displayed content area, you can specify another tag in your slideBox. SlideBox uses the “rev=” tag. Give your rev tag the name of the div that contains additional content. In this sample it’s called rev=”mycontent”. This is the additional content
div:

The div containing the additional content is automatically hidden when the page is loading.

Go here for a sample and to download the script

Written by admin · Filed Under AJAX, mootools 
Tagged:

Comments

4 Responses to “lightbox replacement - different approach”

  1. Marc on March 10th, 2008 6:45 pm

    Hi,

    Is there any support for this script as I am getting javascript errors in IE 6 - Object doesn’t support this property or method?

    I have mootools loaded first (in document head) followed by mooslide (at the base of my document, just before closing body tag).

    I have followed instructions as per the demo site and cannot see what could be wrong.

    Thanks

    Yes of course - I have sent you an email, so let’s try to get this error solved.

  2. Robert Brown on March 13th, 2008 8:53 am

    What version of Mootools did you guys write this for? I tried both 1.11 and 1.2b2 with all options and no compression and it does not work. I tried it with the mootools.js yanked from your site and it DOES work.

    The mootools.js on your site is packed so I can’t look inside, but I did notice the copywright was 2006, whereby the copywright date in the 1.11 source is 2007.

    Are you using a pre-1.11 mootools for this library?

    I also get the same issue in IE6 locally on my page, but not on your mooslide page. Strange…

    Yes, we’re using a PRE-1.1 version, as far as I can remember, it’s been release 1.0. If you would provide me a link to your page, I could have a look into your issues.

  3. Robert Brown on March 14th, 2008 6:09 am

    Thanks for the reply first of all.

    I don’t have a page to look at yet. My page heavily uses 1.11 for the other actions so I can’t include a mooSlide test on my public site otherwise.

    Since I didn’t get it going on my page, for testing purposes what I did to test was to copy-and-paste your page from here:
    http://www.artviper.net/test/ajaxslide/

    I downloaded all of the includes and graphics, and tried to re-stage it here just to figure out why it wasn’t working on my main page. For testing purposes I just replaced your “mootools.js” with a new 1.11 version with every feature and no compression rolled from http://www.mootools.net. Everything else was left as-is, including the external CSS links back to your site.

    When I switch back to your old mootools.js, it works fine. Switch to 1.11, and the actually clicks you to a new page showing the graphic file (e.g. your file images/0.jpg just shows up on a new page.) This is how I finally ended up figuring it was some type of version mismatch.

    I can’t seem to find a way to download an older mootools lib that isn’t packed and don’t have an easy way to unpack a Dean Edwards packed JS file, so I’m a bit stuck. If you have an unpacked mootools lib for the version you are using I’m happy to help debug and fix it for use with 1.11. I had to do the same thing for the Mootools Coverflow effect which was written for 1.2b2 and also didn’t work for 1.11.

    Following your information, I think I have a clue what is wrong. I will send you an email, and if we can get this resolved, I’ll post it here. If not, I will take 1.2 and rewrite it for that particular version. Done. The ajax slide has been rewritten in mootools v1.11 and the demo page gas been updated. Have a look :)

  4. nBeans on March 21st, 2008 1:01 am

    Hi.

    Please teach whether I may commerce use mooSlideBox.

    You can use it freely in any commercial project, it’s licensed under the GPL. Just make sure, if the slidebox is part of a distribution that the source code is freely accessible. In case you use it only on your commercial page, no restrictions apply.

Got something to say?