4 avg. rating (80% score) - 5879 votes
Just download the version of smoothgallery with the flickr plugin and follow those steps:
Sometime you might want to remove the built in buttons to make buttons outside the gallery. Doing that is very simple: Just make your buttons call the appropriate functions.
The functions to make it go to the next or previous images are respectively:
Just use the goTo function. But remember that its argument is an integer starting from 0 and not 1.
For example, to make it skip to the fifth image, use this code:
First, when you create your gallery, you should store it in an object. In the Getting Started guide, we called this object myGallery so let's continue to use this name for our examples.
Just call the childs functions like this:
Doing so is very simple. SmoothGallery uses CSS Selectors to select elements and values. Just keep in mind that values are contained by an element.
Here are the options to change the selectors used, and their default values:
To set the timed mode, just add this options:
Then, set your delay between image (default is 9000 miliseconds). For example, to have a delay of 5 seconds between images, set this option:
I'm glad you asked. Since you may have different languages on your website, each instance can have it's own text. To change it, just set this option:
textShowCarousel: 'My new text'
Well, you have two options:
► Either change the arrows for all the galleries, by changing those selectors background values in jd.gallery.css:
.jdGallery a.left and .jdGallery a.right for all the browsers
and * html .jdGallery a.left and * html .jdGallery a.right for IE6.
► Or, you could change the arrows and position for a specific instance of the galleries in your own css file (called after the smoothgallery one), with the selectors:
#myGalleryId a.left and #myGalleryId a.right
(see how it's done in jd.gallery.css for more info on the css settings).
Yet another simple switch in the options:
Just like for the arrows, add this to the options:
Very simple, just feed this option to gallery creator:
We can make your own releases on the MooTools "build your own download" page.
The components you will need for SmoothGallery are:
► An extensible and modular framework allowing developers to choose their own customized combination of components.
► MooTools follows object-oriented practices and the DRY principle.
► An advanced effects component, with optimized transitions such as easing equations used by many Flash developers.
► Enhancements to the DOM, enabling developers to easily add, modify, select, and delete DOM elements. Storing and retrieving information with Element storage is also supported.
MooTools is compatible and tested with:
► Safari 3+
► Internet Explorer 6+
► Mozilla Firefox 2+
► Opera 9+
► Chrome 4+
MooTools includes a number of components, but not all need to be loaded for each application.
Some of the component categories are:
► Core: A collection of utility functions that all the other components require.
► More: An official collection of add-ons that extend the Core and provide enhanced functionality.
► Class: The base library for Class object instantiation.
► Element: Contains a large number of enhancements and compatibility standardization to the HTML Element object.
► Fx: An advanced effects-API to animate page elements.
► Request: Includes XHR interface, Cookie, JSON, and HTML retrieval-specific tools for developers to exploit.
► Window: Provides a cross-browser interface to client-specific information, such as the dimensions of the window.
MooTools originated from Moo.fx, a popular plug-in Proietti produced for Prototype in October 2005, which is still maintained and used.
MooTools Related Tutorials
|HTML 5 Tutorial||Zend Tutorial|
|MySQL Tutorial||Drupal Tutorial|
|CakePHP Tutorial||CodeIgniter Tutorial|
MooTools Related Interview Questions
|HTML 5 Interview Questions||Zend Interview Questions|
|MySQL Interview Questions||Drupal Interview Questions|
|UI Developer Interview Questions||CSS Advanced Interview Questions|
|Advanced jQuery Interview Questions||UI Designer Interview Questions|
All rights reserved © 2018 Wisdom IT Services India Pvt. Ltd
Wisdomjobs.com is one of the best job search sites in India.