კატეგორია:
ავტორი:
სტუმარი
თარიღი:
2024-11-22, 4:30 PM
დაყენება
შედით სამართავ პანელში Customize design შემდეგ Common templates style Sheet Css და ჩასვით სულ ბოლოში
ეს სკრიპტი:
.qitem {width:150px;height:150px;border:4px solid #222;margin:2;background: url('www.picz.ge/img/s3/1301/7/f/fd52426cdda8.png') no-repeat;overflow:hidden;cursor:hand;position:relative;float:left;cursor:pointer;}
.qitem img {border:0;position:absolute;z-index:200;}
.qitem .caption {position:absolute;z-index:0;color:#ccc;display:block;}
.qitem .caption h4 {font-size:14px;padding:10px 5px 0 8px;margin:0;color:#CCD718;}
.qitem .caption p {font-size:12px;padding:3px 5px 0 8px;margin:0;}
.topLeft, .topRight, .bottomLeft, .bottomRight {position:absolute;background-repeat: no-repeat;float:left;}
.topLeft {background-position: top left;}
.topRight {background-position: top right;}
.bottomLeft {background-position: bottom left;}
.bottomRight {background-position: bottom right;}
ხოლო ეს ჩასვით სადაც გინდათ გამოჩნდეს:
<script src="http://lazara.at.ua/lazara.js"></script>
<script src="http://lazara.at.ua/lazara1.js"></script><script>
$(document).ready(function() {
var style_in = 'easeOutBounce';
var style_out = 'jswing';
var speed_in = 1000;
var speed_out = 300;
var neg = Math.round($('.qitem').width() / 2) * (-1);
var pos = neg * (-1);
var out = pos * 2;
$('.qitem').each(function () {
url = $(this).find('a').attr('href');
img = $(this).find('img').attr('src');
alt = $(this).find('img').attr('img');
$('img', this).remove();
$(this).append('<div class="topLeft"></div><div class="topRight"></div><div class="bottomLeft"></div><div class="bottomRight"></div>');
$(this).children('div').css('background-image','url('+ img + ')');
$(this).find('div.topLeft').css({top:0, left:0, width:pos , height:pos});
$(this).find('div.topRight').css({top:0, left:pos, width:pos , height:pos});
$(this).find('div.bottomLeft').css({bottom:0, left:0, width:pos , height:pos});
$(this).find('div.bottomRight').css({bottom:0, left:pos, width:pos , height:pos});
}).hover(function () {
$(this).find('div.topLeft').stop(false, true).animate({top:neg, left:neg}, {duration:speed_out, easing:style_out});
$(this).find('div.topRight').stop(false, true).animate({top:neg, left:out}, {duration:speed_out, easing:style_out});
$(this).find('div.bottomLeft').stop(false, true).animate({bottom:neg, left:neg}, {duration:speed_out, easing:style_out});
$(this).find('div.bottomRight').stop(false, true).animate({bottom:neg, left:out}, {duration:speed_out, easing:style_out});
},
function () {
$(this).find('div.topLeft').stop(false, true).animate({top:0, left:0}, {duration:speed_in, easing:style_in});
$(this).find('div.topRight').stop(false, true).animate({top:0, left:pos}, {duration:speed_in, easing:style_in});
$(this).find('div.bottomLeft').stop(false, true).animate({bottom:0, left:0}, {duration:speed_in, easing:style_in});
$(this).find('div.bottomRight').stop(false, true).animate({bottom:0, left:pos}, {duration:speed_in, easing:style_in});
}).click (function () {
window.location = $(this).find('a').attr('href');
});
});
</script>
<div class="qitem">
<a href="http://gelesson.net/"><img src="http://www.picz.ge/img/s4/1301/4/1/1bcfcc44c4d6.jpg" width="150" height="150"/></a>
<span class="caption"><h4><center>GELESSON.NET</center></h4><p><center>რეკლამის ფასი 1 ლარი 5 დღე მსურველებმა მოგვწერეთ საიტის ადმინისტრაციას,გადახდა ხდება EMONEY სისტემით</center></p></span>
</div>
</script>
<div class="qitem">
<a href="http://gelesson.net/"><img src="http://www.picz.ge/img/s4/1301/4/1/1bcfcc44c4d6.jpg" width="150" height="150"/></a>
<span class="caption"><h4><center>GELESSON.NET</center></h4><p><center>რეკლამის ფასი 1 ლარი 5 დღე მსურველებმა მოგვწერეთ საიტის ადმინისტრაციას,გადახდა ხდება EMONEY სისტემით</center></p></span>
</div>
</script>
<div class="qitem">
<a href="http://gelesson.net/"><img src="http://www.picz.ge/img/s4/1301/4/1/1bcfcc44c4d6.jpg" width="150" height="150"/></a>
<span class="caption"><h4><center>GELESSON.NET</center></h4><p><center>რეკლამის ფასი 1 ლარი 5 დღე მსურველებმა მოგვწერეთ საიტის ადმინისტრაციას,გადახდა ხდება EMONEY სისტემით</center></p></span>
</div>
</script>
<div class="qitem">
<a href="http://gelesson.net/"><img src="http://www.picz.ge/img/s4/1301/4/1/1bcfcc44c4d6.jpg" width="150" height="150"/></a>
<span class="caption"><h4><center>GELESSON.NET</center></h4><p><center>რეკლამის ფასი 1 ლარი 5 დღე მსურველებმა მოგვწერეთ საიტის ადმინისტრაციას,გადახდა ხდება EMONEY სისტემით</center></p></span>
</div>
</script>
<div class="qitem">
<a href="http://gelesson.net/"><img src="http://www.picz.ge/img/s4/1301/4/1/1bcfcc44c4d6.jpg" width="150" height="150"/></a>
<span class="caption"><h4><center>GELESSON.NET</center></h4><p><center>რეკლამის ფასი 1 ლარი 5 დღე მსურველებმა მოგვწერეთ საიტის ადმინისტრაციას,გადახდა ხდება EMONEY სისტემით</center></p></span>
</div>
</script>
<div class="qitem">
<a href="http://gelesson.net/"><img src="http://www.picz.ge/img/s4/1301/4/1/1bcfcc44c4d6.jpg" width="150" height="150"/></a>
<span class="caption"><h4><center>GELESSON.NET</center></h4><p><center>რეკლამის ფასი 1 ლარი 5 დღე მსურველებმა მოგვწერეთ საიტის ადმინისტრაციას,გადახდა ხდება EMONEY სისტემით</center></p></span>
</div>