Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
JavaScript
Tag: 1.4

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
Demo
Source
README.md
package.yml
scrollGallery.png
scrollGallery.psd

README.md

scrollGallery

Awesome free JavaScript gallery with mootools. The gallery scrolling the pictures horizontally. Test it. The gallery can be easily integrated.

Screenshot

How to Use

Get started by copy this in your head :

#JS
<script type="text/javascript">
window.addEvent('domready', function() {
    var myscrollGallery = new scrollGallery();
});
</script>

Use this structure in the body :

#HTML
<div id="gallery">
   <div id="scrollGalleryHead">     
    <div id="thumbarea">
        <div id="thumbareaContent">
                        <img  src="fotos/small_image1.jpg" width="120" height="80" alt="" />
                        <img  src="fotos/small_image2.jpg" width="120" height="80" alt="" />
                        <img  src="fotos/small_image3.jpg" width="120" height="80" alt="" />
            ...
                 </div> 
    </div> 
 </div>
 <div id="scrollGalleryFoot">
    <div id="imagearea">
        <div id="imageareaContent">
                        <img  src="fotos/image1.jpg" alt="" />
                        <img  src="fotos/image2.jpg" alt="" />
                        <img  src="fotos/image3.jpg" alt="" />
            ...
                 </div> 
    </div> 
</div>
 </div>

It is important, that you have the same number of images in thumbareaContent and imageareaContent.

Syntax

new scrollGallery([options])

Arguments

  • no Arguments

Options

  • 'start': (number) start at Picture ...
  • 'area': (number) width of the area to scroll left or right
  • 'thumbarea': (string) div id name for the thumbs
  • 'imagearea': (string) div id name for the images
  • 'speed': (number) 0<=speed<=1 thumb scroll speed

Events

  • no Events

Contact

Please contact me (info@BMo-design.de) if you have any suggestions or comments.

Something went wrong with that request. Please try again.