Demo:

 

 

• Kép 1
• Kép 2
• Kép 3
•  

Ha te is szeretnél az oldaladra egy ilyen képbemutató galériát, akkor illeszd be,töltsd fel ezt a kódot:

<link rel="stylesheet" type="text/css" href="//designuniverzum.gportal.hu/portal/designuniverzum/upload/531259_1304326902_05984.css" /> <script type="text/javascript" src="//designuniverzum.gportal.hu/portal/designuniverzum/upload/531259_1304321772_02518.js"></script>  <script type="text/javascript" src="//designuniverzum.gportal.hu/portal/designuniverzum/upload/531259_1304326167_00849.js"></script></p>
<div style="display: none;" id="loader" class="loader">&#160;</div>
<div style="display: block;" id="ps_container" class="ps_container">
<div style="width: 500px; display: block;" class="ps_image_wrapper"><img alt="" src="images/img5.jpg" style="left: 0px;" /><img alt="" src="images/img4.jpg" style="left: -500px;" /></div>
<div style="top: 244px; left: 656px;" class="ps_next">&#160;</div>
<div style="top: 249px; left: -39px;" class="ps_prev">&#160;</div>
<ul class="ps_nav">
    <li><a href="IDE JÖN  A KÉP CÍME (TELJES MÉRETBEN)" rel="IDE JÖN A KÉPED CÍME THUMBNAIL MÉRETBEN</a></li>
    <li><a href="IDE JÖN  A KÉP CÍME (TELJES MÉRETBEN)" rel="IDE JÖN A KÉPED CÍME THUMBNAIL MÉRETBEN">Kép 2</a></li>
    <li style="opacity: 0; display: list-item;" class="ps_preview">
    <div class="ps_preview_wrapper">&#160;</div>
    </li>
</ul>
</div>

Letölthető fájlok:

jquery-1.5.2.min.js

jquery.sweet.thumbnails.js

sweetthumbnail.css

Leírás: Sandalphon

www.designuniverzum.gportal.hu