پیدا کردن رویداد رفتن ماوس روی عکس
با سلام
دوستان محتویات یه فایل css و دوتا js میزارم، لطفا ببنید کجاش مربوط به افکت رفتن ماوس روی عکس هستش
css
کد:
$plugin = JPluginHelper::getPlugin('system', 'mooimageck');
$pluginParams = new JRegistry($plugin->params);
$usemoopuffy = $pluginParams->def('usemoopuffy', '1');
$classmoopuffy = $pluginParams->def('classmoopuffy', 'moopuffy');
$dureemoopuffy = $pluginParams->def('dureemoopuffy', '500');
$ratiomoopuffy = $pluginParams->def('ratiomoopuffy', '1.3');
$usemooopacite = $pluginParams->def('usemooopacite', '1');
$classmooopacite = $pluginParams->def('classmooopacite', 'moopuffy');
$dureemooopacite1 = $pluginParams->def('dureemooopacite1', '500');
$dureemooopacite2 = $pluginParams->def('dureemooopacite2', '500');
$opacitemooopacite = $pluginParams->def('opacitemooopacite', '0.5');
$usemooshake = $pluginParams->def('usemooshake', '1');
$classmooshake = $pluginParams->def('classmooshake', 'mooshake');
$dureemooshake = $pluginParams->def('dureemooshake', '100');
$usemooreflect = $pluginParams->def('usemooreflect', '1');
$usemooombre = $pluginParams->def('usemooombre', '1');
$classmooombre = $pluginParams->def('classmooombre', 'mooombre');
$dureemooombre = $pluginParams->def('dureemooombre', '100');
کد:
item.addEvent('mouseover', function(e) {
//alert(this.moving);
// e = new Event(e).stop();
var itemCoordinates = this.getCoordinates();
var clonetop = itemCoordinates['top']-decalage;
var cloneleft = itemCoordinates['left']-decalage;
var clone = this.clone()
.setStyles(itemCoordinates) // this returns an object with left/top/bottom/right, so its perfect
.setStyles({
'position': 'absolute'
}).inject(document.body);
this.setStyle('opacity',0);
var fx = new Fx.Morph(clone, {
duration:maduree,
wait:false
});
fx.start({
'left' : cloneleft
});
کد:
items.each(function(item){
item.addEvent('mouseover', function(e) {
// e = new Event(e).cancel();
var itemCoordinates = this.getCoordinates();
var largeur = this.offsetWidth*ratio;
var hauteur = this.offsetHeight*ratio;
var clonetop = itemCoordinates['top']-((hauteur - this.offsetHeight)/1);
var cloneleft = itemCoordinates['left']-((largeur - this.offsetWidth)/1);
var clone = this.clone()
.setStyles(itemCoordinates) // this returns an object with left/top/bottom/right, so its perfect
.setStyles({
'opacity': 0.7,
'position': 'absolute'
})
.addEvent('emptydrop', function() {
this.destroy();
}).inject(document.body);
var fx = new Fx.Morph(clone, {
duration:maduree,
wait:false
});
fx.start({
'width': largeur,
'height': hauteur,
'top' : clonetop,
'left' : cloneleft,
'opacity' : 0
});
animCompPuffy = function(){
clone.destroy();