jQuery Portfolio Plugin with Thumbnail Growing Effect
File Size: | 116 KB |
---|---|
Views Total: | 7977 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |
A Portfolio Plugin built with jQuery, HTML5 and CSS3 that features an interesting growing effect.
How to use it :
1. CSS
<link rel="stylesheet" href="assets/css/styles.css" />
2. Markup
<div id="main"> <h3>My Latest Projects</h3> <a class="arrow prev">Prev</a> <a class="arrow next">Next</a> <ul id="carousel"> <li><img src="assets/img/sites/s8.jpg" alt="Media Temple" /></li> <li><img src="assets/img/sites/s9.jpg" alt="Shutterstock" /></li> <li><img src="assets/img/sites/s10.jpg" alt="Pagelines" /></li> <li><img src="assets/img/sites/s11.jpg" alt="Themefuse" /></li> <li class="visible"><img src="assets/img/sites/s1.jpg" alt="RapidXHTML" /></li> <li class="visible"><img src="assets/img/sites/s2.jpg" alt="IM Creator" /></li> <li class="visible"><img src="assets/img/sites/s3.jpg" alt="Email on Acid" /></li> <li><img src="assets/img/sites/s4.jpg" alt="Template SOLD" /></li> <li><img src="assets/img/sites/s5.jpg" alt="Linux Cloud VPS" /></li> <li><img src="assets/img/sites/s6.jpg" alt="Billgrid" /></li> <li><img src="assets/img/sites/s7.jpg" alt="MaxCDN" /></li> </ul> </div>
3. Include jQuery Library and script.js
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script> <script src="assets/js/script.js"></script>
This awesome jQuery plugin is developed by tutorialzine. For more Advanced Usages, please check the demo page or visit the official website.