<style>
#panel {
position:relative;
/* - სიგანე - */
width: 650px;
/* - სიმაღლე - */
height: 450px;
overflow: hidden;
/* - ჩრდილები - */
-o-box-shadow:0px 0px 7px rgba(0,0,0,0.2),
0px 0px 0px 1px rgba(188,188,188,0.1);
box-shadow:0px 0px 7px rgba(0,0,0,0.2),
0px 0px 0px 1px rgba(188,188,188,0.1);
/* - კუთხეების სიმრგვალე- */
border-radius: 8px;
-webkit-border-radius: 8px;
-o-border-radius: 8px;
-ms-border-radius: 8px;
/* - თუ წაშლით ჩრდილებს ესეც წაშალეთ - */
-webkit-transition:box-shadow 0.3s ease-in-out;
-moz-transition:box-shadow 0.3s ease-in-out;
-o-transition:box-shadow 0.3s ease-in-out;
transition:box-shadow 0.3s ease-in-out;
}
/* - თუ წაშლით ჩრდილებს ესეც წაშალეთ- */
#panel:hover {
-o-box-shadow:0px 0px 9px rgba(0,0,0,0.4),
0px 0px 0px 1px rgba(188,188,188,0.1);
box-shadow:0px 0px 9px rgba(0,0,0,0.4),
0px 0px 0px 1px rgba(188,188,188,0.1);
}
#panel img {
position: absolute;
-ms-interpolation-mode:nearest-neighbor;
image-rendering: optimizeSpeed;
}
</style>
<script src="http://demo.gelesson.net/gallery.js"></script>
<div id="panel"></div>
<div id="imgsource" style="display:none;">
<img src="http://www.picz.ge/img/s1/1302/7/2/2fc2d8cd7015.jpg" />
<img src="http://www.picz.ge/img/s1/1302/7/c/cd552298221d.jpg" />
<img src="http://www.picz.ge/img/s2/1302/7/1/1dbc01758f9c.jpg" />
<img src="http://www.picz.ge/img/s4/1302/7/c/ca143566c807.jpg" />
<img src="http://www.picz.ge/img/s1/1302/7/c/cc37647cbfe0.jpg" />
<img src="http://www.picz.ge/img/s4/1302/7/b/bd18e3b49188.jpg" />
<img src="http://www.picz.ge/img/s2/1302/7/f/f0279094f746.jpg" />
<img src="http://www.picz.ge/img/s2/1302/7/b/b2d6a097ab21.jpg" />
</div>