1

NetEye Touch Gallery

Upgrade your mobile browser’s photo-viewing apps with the NetEye Touch Gallery. It’s a type of lightbox that’s written and optimized for Mobile Safari on iPad/iPhone, has photo gallery for any touch devices, has touch support and it works with Desktop Safari, Firefox 4, Opera, Chrome and limited for IE which may have no transition.

neteye NetEye Touch GalleryClick on the image to download the zip file.

Usage:

<div id="gallery">
<a href="image1.jpg">
<img src="thumb1.jpg" />
</a>
<a href="image2.jpg">
<img src="thumb2.jpg" />
</a>
<a href="image3.jpg">
<img src="thumb3.jpg" />
</a>
</div>
<script>
$('#gallery a').touchGallery();
</script>

You may alter it by providing the getSource function like this:

<img src="thumb1.jpg" data-large="image1.jpg" />
<img src="thumb2.jpg" data-large="image2.jpg" />
<img src="thumb3.jpg"  data-large="image3.jpg" />
<script>
$('img[data-large]').touchGallery({
getSource: function() {
return $(this).attr('data-large');
}
});
</script>

See Touch Gallery’s full DEMO and DETAILS.

Incoming search terms for the article:

Related Posts

How To Create A Basic Social Sharing Button

Add Clippy.js To Your Website For Instant MSWord Nostalgia

Colorize Your Source Code With Sunlight

Mozilla Tow Truck: Real-Time Web Browser Collaboration