FancyForm - Javascript checkbox replacement. Add Icons to External Links with Mootools and CSS. MooTools | Cool Javascripts. In the previous post, I discussed about jQuery plugins for showing image gallery. This time, I checked for Mootools alternative. Like jQuery, I was able to found gallery plugins which have similar functionality. Listing 10 of them. Pick one that suits your need. You might also want to check these posts, Read more ShareThis ddMenu is a simple MooTools based script to create custom context menus.
It is fully stylabe using CSS. A color picker allows the users to preview the color and select it by clicking on it. Here are some cool color picker scripts that can be used. The lava lamp effect was an excellent technique to turn the navigation to a flash like animation. It is available for bot jQuery and Mootools Read more Fancy upload is a nice and excellent replacement for the file input field. It works on {*style:<a href=' 10 Mootools plugin for showing image gallery | Cool Javascripts. In the previous post, I discussed about jQuery plugins for showing image gallery. This time, I checked for Mootools alternative. Like jQuery, I was able to found gallery plugins which have similar functionality. Listing 10 of them. Pick one that suits your need.
You might also want to check these posts, E2 Photo Gallery It is a simple and easy to use (provided, you’re using PHP) gallery plugin which supports thumbnail images with carousel view. JSGallery2 It is a simple gallery plugin with support for thumbnails with paging. Image Gallery by TutorialDog.com It is a light weight plugin which supports thumbnails and image captions. NoobSlide NoobSlide is a multipurpose script which can also be used as a gallery. UvumiTools Gallery Plugin It is an unconventionally styled gallery. Features Automatic resizing of imagesHandles broken image linksMouse wheel scrollingSupport for captions with animation effect (Fancy Caption) MooPix PhatFusion Slideshow MooFlow Features Slideshow 2 Features SmoothGallery.
Slideshow 2! A javascript class for Mootools 1.2 to stream and a. If you are looking to download Slideshow, or for class documentation, please visit the open-source project at Google Code. If you are looking for the old version of Slideshow, it has been moved here. Support If you find this page helpful, why not donate? Because donations are voluntary, the act of making a small contribution has a big effect towards promoting future development and support.
Examples By popular request, the following are some simplified examples of Slideshow usage: Demos Click below to view the various demos - perhaps the most impressive effect of all is simply viewing this page with javascript turned off. Slideshow 2! Colophon All photos were taken with a trusty Canon DigitalElph in New York, October 2007. Best Ever 65 mooTools Plugins and Demos, is it Better than jQuer. This is an update on a previous article I wrote about mooTools (41 of the Best…), some mooTools plugins have been removed, some have been updated and a fair few have been added. mooTools is truly hot on the heels of jQuery!!! Can it be better? About mooTools: “MooTools is a compact, modular, Object-Oriented JavaScript framework designed for the intermediate to advanced JavaScript developer. It allows you to write powerful, flexible, and cross-browser code with its elegant, well documented, and coherent API.”. mooTools Homepage: mooTools Homepage.
Below are the Best Ever 65 mooTools Plugins and Demos: SmoothScroll Description : SmoothScroll allows you to smoothly take a user to a specific portion of a page. By default, the browser “jerks” you up or down in the page when you click on an anchor — SmoothScroll lets you define the duration that it should take for a link to be scrolled down to. MultipleSelect Typewriter Effect Description : This is a sleek Typrewriter Effect built on MooTools. Tips. Popups elegantes en Joomla usando Mootools. Una ventana modal es el popup de la Web 2.0. Además de ser más usable y rápido, es más bonito.
Joomla incorpora Mootools como framework Javascript en el core permitiendo crear popups en forma de ventana modal de una manera muy sencilla y homogénea. De hecho, cuando se programa en Joomla es recomendable usar todas las características del core Joomla para que todo quede con un “look” más consistente (Cómo usar el datepicker de Joomla). Para poder usar los comportamientos que incorpora la librería Mootools en Joomla hay que incluir la siguiente línea de código en la primera línea del fichero index.php de tu template. Esta línea de código genera el include de la librería Mootools y la librería Squeezebox, encargada de generar la ventana modal.
Con el código introducido en este bloque se mostraría por pantalla la imagen pequeña, y al hacer click sobre ella aparecería una ventana modal con la imagen grande en alta resolución. Se pueden añadir más opciones al enlace, por ejemplo: MooTools - a compact javascript framework. Mootools. Fun with CSS3 and mootools.
These examples came about when experimenting with the extend property in MooTools. By extending the styles class I could add CSS3 properties into the Core MooTools framework and do CSS3 animations. View Demo The Extend Code Bellow is the Mozilla code to extend MooTools with the Border-Radius and Box-Shadow: The WebKit code is slightly different. For some reason i couldn’t get the webkitBorderRadius to work without doing each corner individually. For more info on the differences read this The CSS3 Animation For the animations we can now simply use the same MooTools FX and we would use with CSS2. And that’s it really.