Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
branch: master
Failed to load latest commit information.
Assets The new version for Mootools 1.4
Demo The new version for Mootools 1.4
Source
README.md The new version for Mootools 1.4
package.yml Update YAML
screen-1.jpg The new version for Mootools 1.4
screen-2.jpg The new version for Mootools 1.4
screen.png commit 2

README.md

slideGallery

Multifunctional gallery for MooTools 1.3+.

Cross Browser: IE6+, FF2+, Safari3+, Opera9+, Chrome

Screenshot

How to use

HTML
-----------
`<div class="gallery">`
    `<div class="holder">`
        `<ul>`
            ...
            `<li><img src="../Source/Assets/img1.jpg" alt="image description" width="240" height="180" /></li>`
            ...
        `</ul>`
    `</div>`
    `<a href="#" class="prev">prev</a>`
    `<a href="#" class="next">next</a>`
`</div>`

CSS
-----------
.gallery { width: 960px; }
.gallery .holder {
    width: 100%;
    position: relative;
    overflow: hidden;
}
.gallery .holder ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 99999px;
}
.gallery .holder ul li { float: left; }

JavaScript:
-----------
window.addEvent("domready", function() {
    var gallery = new slideGallery(element [, options]);
});
or 
window.addEvent("domready", function() {
    var gallery = new fadeGallery(element [, options]);
});

Arguments:
----------
    - element [string, element] - reference to the element object.
    - options [object]
        - holder [string] - class or node for holder. Default ".holder"
        - elementsParent [string] - class or node for slides(elements) holder. Default "ul"
        - elements [string] - class or node of elements. Default "li"
        - nextItem [string] - class or node of the button Next. Default ".next"
        - prevItem [string] - class or node of the button Prev. Default ".prev"
        - stop [string] - class or node of Stop button. Default ".stop"
        - start [string] - class or node of Play button. Default ".start"
        - speed [integer] - speed of sliding in ms. Default 600
        - steps [integer] - quantity of elements which are scrolled for one step. Default 1
        - current [integer] - number of an element with which begins scrolling. Default 0
        - currentClass [string] - className of an element with which begins scrolling. Default "current"
        - transition [object] - transition effect. Default "sine:in:out"
        - direction [string: "horizontal", "vertical"] - sliding direction. Default "horizontal"
        - mode [string: "callback", "circle", "line"] - sliding mode. Default "callback"
        - nextDisableClass [string] - className for the button Next in a disabled state. Default "next-disable"
        - prevDisableClass [string] - className for the button Prev in a disabled state. Default "prev-disable"
        - random [boolean] - random set of slides. Default false
        - paging [boolean] - on\off handles. Default false
        - pagingEvent [string] - event which fire the paging. Default "click"
        - pagingHolder - class or node for paging holder. Default ".paging"
        - autoplay [boolean] - on\off autoplay. Default false
        - autoplayOpposite [boolean] - on\off opposite autoplay. Default false
        - duration [integer] - autoplay interval in ms. Default 4000
        - stopOnHover  [boolean] - on\off scrolling when the cursor over gallery. Default true
        - onStart [function] - callback ones after initialization
        - onPlay [function] - callback after each scrolling

Screenshots

Screenshot Screenshot

Something went wrong with that request. Please try again.