https://github.com/johannesfischer/cwpgallery

..yet another mootools gallery with preloading, transition effects and all that jazz
https://github.com/johannesfischer/cwpgallery

Last synced: about 1 month ago
JSON representation

..yet another mootools gallery with preloading, transition effects and all that jazz

• Host: GitHub
• URL: https://github.com/johannesfischer/cwpgallery
• Owner: JohannesFischer
• License: mit
• Created: 2010-05-21T07:47:56.000Z (over 14 years ago)
• Default Branch: master
• Last Pushed: 2011-06-08T17:14:39.000Z (over 13 years ago)
• Last Synced: 2023-03-10T20:04:50.131Z (almost 2 years ago)
• Language: JavaScript
• Homepage: http://www.johannes-fischer.de/labs/cwpgallery/
• Size: 2.63 MB
• Stars: 1
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: license.txt

Awesome Lists containing this project

README

        
Nivoo-Slider

============

The Nivoo-Slider is an image gallery based on the jQuery Plugin NivoSlider (http://nivo.dev7studios.com/). It features 18 different transition effects.

![Screenshot 1](http://www.johannes-fischer.de/assets/Labs/labs-cwpGallery.png)

How to use

----------

Just include cwpGallery.js and cwpGallery.css to your site:

#HTML

	

	

	

And the gallery structure:

	

#HTML

    


        


    

        


            


                

                    

                

            

            


                

                    

                

            

            


                

                    

                

            

            


                

                    

                

            

            


                

                    

                

            

            


                

                    

                

            

        

    

    
	

	

And then initialize the slider using the domready event:


#JS

    window.addEvent('domready',function(){

        // The simple way

        new cwpGallery($('Gallery'));

        

        // The more advanced way

        ...

    

    }

Documentation

-------------

## Class: cwpGallery ##

### Syntax ###

#JS

	var slider = new cwpGallery(element[, options]);

	

#### Arguments ####

1. element - (mixed) An Element or the string id of an Element to apply the gallery to.

2. options - (object, optional) The cwpGallery options object, described below:

#### Options ####

- enableKeys - (bool: default is true)

- fxDuration - (int: default is 500)

- fxTransition -(string: dfault is cubic:out)

- scrollRange - (number: default is 4) 

License

-------

MIT license