WebAppers

/ best free open source web resources /

Shopify

MooSlideBox v3 – Small Ajax Based Slider

Posted · Category: License Free, Popup

moo-slidebox.png

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. Some users complained that the slider isn’t unobstrusive through its use of the bump effect, you can change the effect in the mooslide.js. Replace the Fx.Transitions.Bounce.easeOut with something like Fx.Transitions.linear.

slidebox2.png

Requirements: –
Demo: http://www.artviper.net/test/ajaxslide/
License: License Free

28 Comments
  • What a great resource. I have seen stuff like this being used on other sites but didn’t know how to do it. Thanks so much.

    P.S. Is there a simple way to get it to drop fron the top on the page instead of the bottom?

  • phifi

    i can’t get it work. it says window.addEvent is not a function at ‘window.addEvent(‘domread’, function(){…’

  • @Fodcj: Yes, just have a look at http://www.artviper.net -> on top of the page you’ll see a button “newsletter”. Click on it and it will drop down. I’m going to post the source soon.

    cheers
    Frank

  • O..M…G… Orgasmic javascript! I’m SO using this. Thanks. :)

  • Mike

    This does not work for me in firefox 2.0.0.12. It comes from the bottom and you have to scroll down to see whats in the box. Also the box itself does not wrap around the content. The height of the box is ~75px and the content spills out of the bottom .

  • @Mike: Got a link to it?

  • Mike

    @Frank – shoot me an email at (mike [[at]] mikebernat.com) .. I posted a ss on imageshack but for some reason webappers won’t post my comment linking to it.

  • Oliver

    Hi there! Love the look of this but I can;t seem to get it working, any chance you could break it down moron style for me, I am definately missing something!

  • jumping josef

    works fine here. also on firefox 2.0.0.12 so I dunno what’s up with mike.

  • @jumping: problem solved, issue has been that no image was specified which appears in the slider. Yet, the slider relies on the image as this defines the height of the slider itself.

  • Since I’m not a programmer maybe I’m missing something? I couldn’t get it to work on a results page for my search engine. Since the page does not allow a “view source” I would like a link to an install page.

    Just a thought for a non-programmer (but I love to design!)

    Jonathan

  • Another superb piece of javascript! There’re now so many options, that it’s difficult to choose the right one.

  • Pingback: Entradas en las blogosferas.52 - Carrero Bitácora de los Hermanos Carrero, David Carrero Fernández-Baillo y Jaime Carrero Fernández-Baillo.()

  • monolith

    @Oliver. I second that, I really can’t get it to work, I even copied the original page just to see if I was missing something, but no luck, the link to the picture opens just like a normal link for me. (FF 2 + 3b3 + IE 7).

  • I am looking for something that is very similar to this but is still different. I have seen what I want on a number of other sites but am inable to sourse the right code as I am not a programmer… can anyone help?

    Take a look at http://www.getpixie.co.uk and click on the ‘Clients’ button in the top right corner to see what I mean.

    Thanks for you help

  • Sorry, I added the wrong link to the comment I made above, I meant to post this link http://www.toggle.uk.com/home/ (‘Clients’ button is in the top right corner)

  • Go to dhtmlgoodies.com and they have that particular script there….

    Hope that helps!

    J

  • Thanks for the help Jonathan. For others that are interested go to this link:
    http://www.dhtmlgoodies.com/index.html?whichScript=slide_in_pane

  • rob

    I cant get this to work and want to use it badly! I called for the js, copied the link from the demo. But it doesn’t do anything! The demo page gives no info on how to set this up. Can someone take a couple mins and explain how to set it up that would be awesome. I see there is a couple peeps above that are having trouble aswell… (the .jpg opens as a regular link).

  • Guess I need you to tell, that you need the mootools framework as well to get this working.

  • Oliver

    I have mootools framework but still no joy!

  • For any questions or help needed, please email me admin [[at]] artviper.net or post a link so I can have a look at the issue.

  • Oliver

    I have now got it all running thanks to some one to one help from Frank! Many thanks! Turns out my mootools was messed up and hewas kind enough to email a version with out bugs! Thanks again.

  • Micah

    Oliver or Frank,

    Any hopes of passing that corrected js along?

  • I think that this is great, but I can’t get it working in IE7. works fine in FF and Safari, but in IE7 opens up just like a link. I see some earlier guys had this same problem. Anyone know what’s up?

    http://www.signworx.net/beta

    I need help.

  • Ed

    @Frank (Artviper.net)

    If you’re making code public why on earth don’t you create a clear read me file or publish a installation help page with the script?

    It looks interesting and i wanted to use it, but like many others i can’t get it to work.

    For any coders that read this:

    If you publish a kick ass script, make sure people that don’t know your code inside out can set it up as well by simply providing clear and idiot proof instructions.

    It’s always so disappointing to see something nice you can’t use…

  • Brady

    From within one Slidebox panel, how can I link to another panel or load new external content into existing panel.

    Great script. Some documentation would help though.

  • Dada

    Hi all,

    I have a form inside of the container and when using Firefox 3 I cannot right click on the form’s fields .. the odd thing is that I can left click .. anyone with the same problem? Any way to solve it?

    Thanks a ton in advance!

Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons