19 Feb

MooSlideBox v3 – Small Ajax Based Slider

License Free, Popup

Leave a Comment

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.

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

Sponsors

Comments

http://www.JakesCreates.com Fodcj

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(){…’
http://www.artviper.net Frank

@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
http://www.XGhozt.com/ XGhozt

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 .
http://www.artviper.net Frank

@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.
http://www.artviper.net Frank

@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.
http://www.apointoffaith.com Jonathan

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
http://jonixworld.blogspot.com Dinheiro

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).
http://www.JakesCreates.com Fodcj

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
http://www.JakesCreates.com Fodcj

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)
http://www.apointoffaith.com Jonathan

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

Hope that helps!

J
http://www.JakesCreates.com Fodcj

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).
http://www.artviper.net Frank

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!
http://www.artviper.net Frank

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?
http://www.signworx.net/beta matt

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!

Open Source Resources for You

What we need is a list of the top quality resources, so that we can spend more time on our web development. WebAppers only picks the top quality web development resources for you.

© Copyright 2012 WebAppers | About | Archives | Privacy Policy | Advertise | Contact