Skip to content

Instantly share code, notes, and snippets.

@dilvane

dilvane/sample.html

Last active March 21, 2017 14:51
Show Gist options
  • Save dilvane/26b206aea086f4922c3e38298bca5422 to your computer and use it in GitHub Desktop.
Save dilvane/26b206aea086f4922c3e38298bca5422 to your computer and use it in GitHub Desktop.
Download ZIP
Unitegallery tiles
Raw
sample.html
<!DOCTYPE html>
<html lang="en">
<head>
<link rel='stylesheet' href='http://cdnjs.cloudflare.com/ajax/libs/unitegallery/1.7.40/css/unite-gallery.css' type='text/css'/>
<link rel='stylesheet' href='http://cdnjs.cloudflare.com/ajax/libs/unitegallery/1.7.40/themes/default/ug-theme-default.css' type='text/css'/>
</head>
<body>
<div id="container" style="width: 1024px;">
<img alt="Lemon Slice"
src="http://unitegallery.net/newimages/image01-300x200.jpg"
data-image="http://unitegallery.net/newimages/image01.jpg"
data-description="This is a Lemon Slice"
style="display:none">
<img alt="Peppers"
src="http://unitegallery.net/newimages/image04-300x300.jpg"
data-image="http://unitegallery.net/newimages/image04.jpg"
data-description="Those are peppers"
style="display:none">
<img alt="Keys"
src="http://unitegallery.net/newimages/image03-247x300.jpg"
data-image="http://unitegallery.net/newimages/image03.jpg"
data-description="Those are keys"
style="display:none">
<img alt="Friuts in cup"
src="http://unitegallery.net/newimages/image08-274x300.jpg"
data-image="http://unitegallery.net/newimages/image08.jpg"
data-description="Those are friuts in a cup"
style="display:none">
<img alt="Yellow Flowers"
src="http://unitegallery.net/newimages/image06-300x225.jpg"
data-image="http://unitegallery.net/newimages/image06.jpg"
data-description="Those are yellow flowers"
style="display:none">
<img alt="Butterfly"
src="http://unitegallery.net/newimages/image05-300x273.jpg"
data-image="http://unitegallery.net/newimages/image05.jpg"
data-description="This is butterfly"
style="display:none">
<img alt="Boat"
src="http://unitegallery.net/newimages/image02-300x241.jpg"
data-image="http://unitegallery.net/newimages/image02.jpg"
data-description="This is a boat"
style="display:none">
</div>
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'></script>
<script type='text/javascript' src='http://cdnjs.cloudflare.com/ajax/libs/unitegallery/1.7.40/js/unitegallery.min.js'></script>
<script type='text/javascript' src='http://cdnjs.cloudflare.com/ajax/libs/unitegallery/1.7.40/themes/tiles/ug-theme-tiles.min.js'></script>
<script>
$(document).ready(function () {
$("#container").unitegallery({});
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment