wow slider with Thumbnails for Blogger 2014

 

<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;
}
#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="http://dimpost.com">
  <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUOXOEwd1YPSELtwsZnVOoYfaHkmYtDW1KEtGL3v6G87CF0kq45N2K1UA4d53TGzJ1Cu4CWGq-xArk2AAnTRcYJJ-y2fjHUz6X5lO8bztXnXRGSDtdDjhhj7tk1o_6buoOgEBEDMrTPbKq/s550/sample1.jpg" title="Sunset"/>
  </a>A boat with beautiful sunset.</li>
  <li><a href="#">
  <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZSQ1CfjfXJUzeC4Dr_vyJmIW8jfZeSP_qEEZYQI0SftcuSP2Pki1JVIwEwfrgtOtu5gkUQC_MVEqVAzjY64nZYV8tl_y7w-0nKKmxPLD36zUzHWT2I8dRxPVQ8x0zT-2KaUSzTEB9A6zD/s550/sample2.jpg" title="Rainbow"/>
  </a></li>
  <li><a href="#">
  <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGS_xRptCp2tnZDStUZ9PIE2pHcDPxyfN9NzQ5a-i8kwqg4mKO8by6xicm1oGnysBIrw5i0W5aNFa50pROpxRom2lSsCpJag7Z2i1L-x1v1swhUXDXQ1q0jOIqAqNYS79f1Bjv99cuVDuK/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/AVvXsEjVMaAL3_Wxng1dSsdZ1iOanl57UNFgdmT8XvqeIys_hRAcjOnCTlHJYmhs6QJrx9g_EWORuBKbf0SNalX7O-WRjC1OAOWwye6Rh4CiNj17xlE-YWdJ3q9H99jGrcTZ4Aqofsi0UwkTpVgF/s550/sample4.jpg" title="Sunrise""/>
  </a>Amaizing sunrise moment</li>
  <li><a href="#">
  <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj70TmbtabsV2Sj_SQQZeg3JQlZsRO6yJMNDUHmngYt2bC8nwnVzSeKYtzi5_rDe-nW3WDvkEynzJpPtJPPWuxyv4zD-00zdlM8LlcWva3PvpUU5izcqBFJE8mSGYTPVJIT9WFDmjrFGP9_/s550/sample5.jpg" title="CAR in HDR Nature"/>
  </a></li>
  <li><a href="#">
  <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxu-GGrgFkbvLaQX4VRS-L5aSABwxtOgcSkxeqkBPT6YHcjGh_8awr0jz_SK9hofKJK-h_WSMmxjxf1ntO66BMmXBP8X_NkoTXG-S9lVbTZexDoYRAyvgyZNZ3TJkVuYroD_e2Kvq-00e_/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/AVvXsEgqjRN-yOZA-nP690hZQQMvhqlTvgb6c5ciSRjulWgd4EzbpDnr6h8TkgEazxfY0sX61TG8sSQ8fdxeHeuGoiuMybpKsr2fESalmGfR9OOkg_hSQm7UyLKq7MxscHndaCIy_-rF3cVpAEYQ/s85/sample1.jpg"/></a>
  <a href="#" title="Rainbow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdVPxsCLQHj-kwwxYDFI2Hti6hqTflTDxMO_l47up_Imx1LzOKTiJpub7Y8ohqxX02LK3MeO5RMXUNpMNSm_U3GI7qTWRDuUjvqWk2eABx_C9bgsAwMAfxibtRskNn7re4fwSuGz-KXnb_/s85/sample2.jpg"/></a>
  <a href="#" title="True Nature"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjudaYkoL21X89oFZQex2vlNV7Ce7mi8dFVUBya3uu9IzpO7P27rDokttSH0aWF16v1CCjbIa4tD0yM5Qj_8myt7GDcGpYNIJqtqwx5Ov26icmRx2VcOkqthgQIJ7cTVuhKjmL24tsfT7dx/s85/sample3.jpg"/></a>
  <a href="#" title="Sunrise"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgWEPUCQnTEfFknRf9WD0AiDOH6ySet_5Ce5MeJH9A9t2wU1glc8Q4jVQb08LB3BRf9BV2x_UEYn-rokfDSvo0jLZ4TKcyLtfmkVeA9E8FUHhyt1dE1jJR2dfSW69XmlkjIAMKu_pEs9IL/s85/sample4.jpg"/></a>
  <a href="#" title="CAR in HDR Nature"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilEj4D8BWBmKP0cOZTSb1uQ9NpC72WFL9frf9qzOc6dVODwK6yEvbt03wzU6pkw0tzDV7wxymfkd4Wj-UlL9xgGDaKZD_YCF50BAm6xN6ThZvQhz-_bzoXQ2Pgo_SCl1cdRksCiWdIerrg/s85/sample5.jpg"/></a>
  <a href="#" title="Sunshine"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_H6BJAUUYVGCdrOVOxBZPyNL8VSL6SwwHrxkR_NGXcp-6fNwcTWMswiqCnxQ7fSVkM_JjmGeCeYmxEeOxJ9EHU0W6ZWjDdpe_VWuRUISaZPPM9JGY53YnD5iZxYw9sJfkz6lq7JydDOmE/s85/sample6.jpg"/></a>
        </div>
 </div>
    
</div>
</div>
</div>
<script type="text/javascript" src="http://dimpost.googlecode.com/files/wow-slider.js"></script>