simpleGallery is a Responsive jQuery & CSS3 image gallery
-
Download simpleGallery
-
Included jQuery library (example):
<script src="http://code.jquery.com/jquery-latest.js"></script>
-
Insert the following code before end of
</head>tag:<!-- simpleGallery CSS file --> <link rel="stylesheet" href="path/to/simpleGallery.css"> <!-- simpleGallery js file --> <script type="text/javascript" src="path/to/jquery.simpleGallery.js"></script>
-
Insert the following code after the
<body>tag:<section class="gallery"> <img src="img/1.jpg" data-full="img/1.jpg" alt="img1"/> <img src="img/2.jpg" data-full="img/2.jpg" alt="img2"/> <img src="img/3.jpg" data-full="img/3.jpg" alt="img3"/> <img src="img/4.jpg" data-full="img/4.jpg" alt="img4"/> </section>
where data-full - path to original image
-
Now you need to call the plugin with your gallery ID-attribute (#gallery).
$(document).ready(function(){ $('.gallery').gallery(); });
This project is licensed under the MIT license.