JohnyCassiaResponsivedemo

<style type="text/css">

.slider-box {

background: none repeat scroll 0 0 #FAFAFA;

border-radius: 5px 5px 5px 5px;

box-shadow: 0 0 3px #333333;

margin: 0 auto;

width: 675px;

overflow: hidden;

}

#slider-wrapper {

margin: 0 auto;

padding: 10px;

float:left;

}

#jslider-container {

border: 2px solid #FFFFFF;

max-width: 550px;

position: relative;

text-align: left;

z-index: 90;

}

</style>

<link href="http://project.dimpost.com/image-slider/wowslider/css/wow-slider.css" rel="stylesheet" type="text/css">

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

<div class="slider-box">

<div id="slider-wrapper">

<div id="jslider-container">

<div class="jslider_images">

<ul>

<li><a href="#">

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYb-bBHuyMOOVasdqvHy7k3oWUqRdtspzx4saH2yi4xv_AkWpyl0vL9qu8ruXpOFFw3PyhAmsWBPvIFnR6AcVQciWW26d9X_NEOF9_-1dKMF0uhhyphenhyphenbuSw9SzfuW1DP-lXRWl5kdh_NTHD4/s550/sample1.jpg" title="Sunset"/>

</a>A boat with beautiful sunset.</li>

<li><a href="#">

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYipzfWa7jjNbIfB3WwNORcfA2OtGtr42i1ccvq_8AUMPFPYngexBbLddCEgdMkT6-smwmXTYccueZEp5R0RdO84tW0H36u9JMyaQfMq8dF9ndWq3ak8Ce_2ayGFPLNP5BlPmdrbX-8WY3/s550/sample2.jpg" title="Rainbow"/>

</a></li>

<li><a href="#">

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjG8slc1-EB96HZiOu_uDpDRJI2VzCtgwgNc7TeBDNDfrI17_k43-4gCtry7HeYsCQRx3vN7u-R8YqHStjqadKJOVvFGmdJ8dlYUNyNdyIfPY2HlGB5NwV4zzrbLsQ_83p0GysO6izgmkr_/s550/sample3.jpg" title="True Nature"/>

</a>Tree in field with blue sky.</li>

<li><a href="#">

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkBluZNAOg0BaJyBvzV7EwQfsGtx1Vbz2Ta27SZIgKoAB-yxC7qJ3pWjAV-lI_yrKGF8DlrNCzZ38nbWFgqNQj0i6SqWdwTWmmoKDDNqiWOL6itcpnWWEGLJpQBjGnaYHoNobah-rEFufo/s550/sample4.jpg" title="Sunrise""/>

</a>Amaizing sunrise moment</li>

<li><a href="#">

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfcy0DlgLDwPQvwWv5KhxHu_H8MCO4Eb2iSou2iDKKx68gv4E0UOygG7lt6NeSngWy6ScL5eweL-pltzSXuZrBAgLgUS8LjZm3ruwrQ6iiZF81ICZhh7RxQTy1Q57-mN7FdThlywpvyiq0/s550/sample5.jpg" title="CAR in HDR Nature"/>

</a></li>

<li><a href="#">

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSDWvZ4uqapV8qdUNe0gatQ8Vu5wfCVrdUH-Hae0WpOr5aTvBN6_jlBHPgDZE9YvsiXwpYo7W0gH_F5zQiWqpibzXm50_FsDcsJzvuCMZaEzAZcimKnFZNvl8Zx0OsHmefTdAZ9jStBV-D/s550/sample6.jpg" title="Sunshine"/>

</a></li>

</ul>

</div>

<div class="jslider_thumbs">

<div>

<a href="#" title="Sunset"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVRTGHwgoTTOlHlvdVgTnhJ7zbR_eyegA-nlZ8BamRZ0EHoBj0XDuIqJLgXTpL6E0ZvtU4afcpt5ynZrRayGBfGM3OTV_s7JfH-99K-LNVwyTbMY-Ptz8s6Aty5xKONJ13qWsHrEbwvfr4/s85/sample1.jpg"/></a>

<a href="#" title="Rainbow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ9MkaFNpkwCS7IwsfiQ9tehmVrW2uiIPbP0D5AQ2OMZBAuFs5Bx-Q8cMxbvSThyphenhyphens0JBtdA0-gZ8O_L7quo3uu4_gVv8vn6eww2xvPvzZqkQLvoJ0Ovw0H8vCwEz1eyO1oaMdYl8uOO7q0/s85/sample2.jpg"/></a>

<a href="#" title="True Nature"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0nMCtjLlKLijHoHzbDDya3qMNkzIAr92VpdRmFMiTzk9Qb6wQiFKslVRR0_5lR5XzumXNE7lnis5nWFltywT4cXdFzTCa4Bj5J2WMv5wMFXv6PkF8r_-dT0jqOPK0AOZhNzTOrVJIaiiC/s85/sample3.jpg"/></a>

<a href="#" title="Sunrise"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgceSe-KcNamyom197LeE6cCp8YGHAmOfcNChXpkhZJpILnFDL9Gp6HFLaRD-Eum3mmiN-3lUq88eO7ixPKwfab8UCWBLHjA-7fK_-vligW69hfxZ5jz4c_BRAZB-HdoHgPvYyIAbsBAvOT/s85/sample4.jpg"/></a>

<a href="#" title="CAR in HDR Nature"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCD8OYxCg6RY7wVbruPpKtei2A2dehcxsNntTNAr_DvhcPMcx5j1IT-HB3s9hd4OSBWl6BEki22vHgE1UiVCOCMqr0UCMY-mSN0-5Hce6M1cvucReHrbT-OUkDtp1dndM1hV4ZrL8-Ua6D/s85/sample5.jpg"/></a>

<a href="#" title="Sunshine"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0QhYN0VcCcQlUZrdCdWpzUcLDj3Y5IwHpugSfE_6nLCRO02uN97G7BIfhqsB-YiQXWZ0uXKRHt3cnMJMz3pDlI2bwld8odlYaTUsDmzZNswguvNMlcRwHpIZyFA9YI9OdelM3siazV-ah/s85/sample6.jpg"/></a>

</div>

</div>

</div>

</div>

</div>

<script type="text/javascript" src="http://dimpost.googlecode.com/files/wow-slider.js"></script>