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
- Brushes (11)
- Buttons (21)
- Color Schemes (21)
- Fonts (39)
- Forms (95)
- Icons (84)
- Patterns (24)
- PS Tutorials (9)
- Stock Photos (19)
- Tables (23)
- Announcement (70)
- Best Collections (4)
- Code (44)
- eCommerce (19)
- Framework (156)
- Hosting (12)
- Information (161)
- Inspiration (27)
- Legal Documents (8)
- Reviews (8)
- Security (13)
- Social (19)
- Sound (12)
- Stats (32)
- Tools (192)
- Webmail (13)
- BSD License (51)
- CC License (111)
- GPL License (189)
- LGPL License (37)
- License Free (584)
- MIT License (276)
Search Site
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 2010 WebAppers
Sponsored by NetDNA Content Delivery Network
Recommended Books for Web Developers
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?
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.
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?
@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.
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!
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.
[...] MooSlideBox v3, un pequeño ajax para sacar una barra de información en tu web. vía: WebAppers [...]
@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
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.
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.
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.
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.
@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…
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.
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!
RSS feed for comments on this post · TrackBack URI