Manual Photowise

photoswipe

What to include
<script type="text/javascript" src="klass.min.js"></script>
<script type="text/javascript" src="code.photoswipe-3.0.4.min.js"></script>

The call
// Set up PhotoSwipe with all anchor tags in the Gallery containerdocument.addEventListener('DOMContentLoaded', function(){

var myPhotoSwipe = Code.PhotoSwipe.attach( window.document.querySelectorAll('#Gallery a'), { enableMouseWheel: false , enableKeyboard: false } );

}, false);

The call (if using jQuery)
//jQuery version
$(document).ready(function(){var myPhotoSwipe = $("#Gallery a").photoSwipe({ enableMouseWheel: false , enableKeyboard: false });

});

HTML
<ul id="Gallery">
<li><a href="images/full/01.jpg"><img src="images/thumb/01.jpg" alt="Image 01" /></a></li>
<li><ahref="images/full/02.jpg"><img src="images/thumb/02.jpg" alt="Image 02" /></a></li>
<li><a href="images/full/03.jpg"><img src="images/thumb/03.jpg" alt="Image 03" /></a></li>
<li><a href="images/full/04.jpg"><img src="images/thumb/04.jpg" alt="Image 04" /></a></li><li><a href="images/full/05.jpg"><img src="images/thumb/05.jpg" alt="Image 05" /></a></li>
<li><a href="images/full/06.jpg"><img src="images/thumb/06.jpg" alt="Image 06" /></a></li>
</ul>

Configuration
* allowUserZoom: Allow the user to zoom / pan around images. Default =true
* autoStartSlideshow: Automatically starts the slideshow mode when PhotoSwipe is activated. Default = false
* allowRotationOnUserZoom: iOS only - Allow the user to rotate images whilst zooming / panning. Default = false
* backButtonHideEnabled: This will hide the gallery when the user hits the back button. Useful for Android and Blackberry. Works in BB6, Android v2.1 and above andiOS 4 and above. Default = true
* captionAndToolbarAutoHideDelay: How long to wait before the caption and toolbar automatically disappear. Default = 5000. Set to 0 to prevent auto disappearing
* captionAndToolbarFlipPosition: Place the caption at the bottom and the toolbar at the top. Default = false
* captionAndToolbarHide: Hide the caption and toolbar. Default = false
*captionAndToolbarOpacity: The opacity of the caption and toolbar. Default = 0.8
* captionAndToolbarShowEmptyCaptions: Shows a blank caption area even if a caption cannot be found for the current image. Default = true
* cacheMode: Code.PhotoSwipe.Cache.Mode.normal (default) or Code.PhotoSwipe.Cache.Mode.aggressive. Changes how PhotoSwipe manages it's cache. Aggressive will purposely set images thatare not either the current, next or previous to be an empty "spacer" type image. This helps on older iOS versions if you have excessively large images. In the main, normal should suffice
* doubleTapSpeed: Double tap speed in milliseconds. Default = 300
* doubleTapZoomLevel: When the user double taps an image, the default "zoom-in" level. Default = 2.5
* enableDrag: Enables dragging thenext / previous image into view. Default = true
* enableKeyboard: Enables keyboard support. Default = true
* enableMouseWheel: Enables mouse wheel support. Default = true
* fadeInSpeed: The speed of any fading-in elements in milliseconds. Default = 250
* fadeOutSpeed: The speed of any fading-out elements in milliseconds. Default = 250
* imageScaleMethod: How images will fit...