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
   
jQuery Portfolio Plugin with Thumbnail Growing Effect

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.