AWFS Gallery DEMO

• No dependecies, pure javascript. Just a minimized js and a css. Around 11 kb.
• It's free? For personal use. Otherwise please contact me for licensing: fsg@aw.hu

• tap the buttons for zoom and prev/next images
• double touch to zoom in and zoom out
• swipe to prev/next images

• click the buttons for zoom and prev/next images
• swipe with the mouse or use the arrow keys for prev/next images
• mousewheel or doubleclick to zoom

<div class="awfs-gallery">
<img src="img1" data-large="img1_large" alt="Image 1">
<img src="img2" data-large="img2_large" alt="Image 2">
<img src="img3" data-large="img3_large" alt="Image 3">
<img src="img4" data-large="img4_large" alt="Image 4">
</div>

U can use multiple galleries:

<div class="awfs-gallery">
<img src="img5" data-large="img5_large" alt="Image 5">
</div>


And the lightbox:

<div class="lightbox option-class-1 option-class-2 ...">
<div id="topRightControls">
<span id="closeButton">×</span>
<button id="zoomInButton" class="zoom-btn">+</button>
<button id="zoomOutButton" class="zoom-btn" disabled>-</button>
</div>
<div id="navButtons">
<button id="prevButton" class="nav-btn">‹</button>
<button id="nextButton" class="nav-btn">›</button>
</div>
<img id="lbImage" src="">
</div>


• Only one known: full-fullscreen not working on iPhone due Apple limitations.