Jsquery ütközés

Jsquery ütközés
2012-09-21T15:40:55+02:00
2012-09-22T14:57:04+02:00
2022-11-26T22:35:35+01:00
edem92
galéria:
(function($) {

var div = document.createElement('div'),
divStyle = div.style,
support = $.support;

support.transform =
divStyle.MozTransform === ''? 'MozTransform' :
(divStyle.MsTransform === ''? 'MsTransform' :
(divStyle.WebkitTransform === ''? 'WebkitTransform' :
(divStyle.OTransform === ''? 'OTransform' :
false)));
support.matrixFilter = !support.transform && divStyle.filter === '';
div = null;

$.cssNumber.rotate = true;
$.cssHooks.rotate = {
set: function( elem, value ) {
var _support = support,
supportTransform = _support.transform,
cos, sin,
centerOrigin;

if (typeof value === 'string') {
value = toRadian(value);
}

$.data( elem, 'transform', {
rotate: value
});

if (supportTransform) {
elem.style[supportTransform] = 'rotate('+ value +'rad)';

} else if (_support.matrixFilter) {
cos = Math.cos(value);
sin = Math.sin(value);
elem.style.filter = [
"progid:DXImageTransform.Microsoft.Matrix(",
"M11="+cos+",",
"M12="+(-sin)+",",
"M21="+sin+",",
"M22="+cos+",",
"SizingMethod='auto expand'",
")"
].join('');

// From pbakaus's Transformie pbakaus/transformie
if(centerOrigin = $.rotate.centerOrigin) {
elem.style[centerOrigin == 'margin' ? 'marginLeft' : 'left'] = -(elem.offsetWidth/2) + (elem.clientWidth/2) + "px";
elem.style[centerOrigin == 'margin' ? 'marginTop' : 'top'] = -(elem.offsetHeight/2) + (elem.clientHeight/2) + "px";
}
}
},
get: function( elem, computed ) {
var transform = $.data( elem, 'transform' );
return transform && transform.rotate? transform.rotate : 0;
}
};
$.fx.step.rotate = function( fx ) {
$.cssHooks.rotate.set( fx.elem, fx.now+fx.unit );
};

function radToDeg( rad ) {
return rad * 180 / Math.PI;
}
function toRadian(value) {
if(value.indexOf("deg") != -1) {
return parseInt(value,10) * (Math.PI * 2 / 360);
} else if (value.indexOf("grad") != -1) {
return parseInt(value,10) * (Math.PI/200);
}
return parseFloat(value);
}

$.rotate = {
centerOrigin: 'margin',
radToDeg: radToDeg
};

})(jQuery);

menu:
(function($) {
$.fn.lavaLamp = function(o) {
o = $.extend({ fx: "linear", speed: 500, click: function(){} }, o || {});

return this.each(function() {
var me = $(this), noop = function(){},
$back = $('<li class="back"><div class="left"></div></li>').appendTo(me),
$li = $("li", this), curr = $("li.current", this)[0] || $($li[0]).addClass("current")[0];

$li.not(".back").hover(function() {
move(this);
}, noop);

$(this).hover(noop, function() {
move(curr);
});

$li.click(function(e) {
setCurr(this);
return o.click.apply(this, [e, this]);
});

setCurr(curr);

function setCurr(el) {
$back.css({ "left": el.offsetLeft+"px", "width": el.offsetWidth+"px" });
curr = el;
};

function move(el) {
$back.each(function() {
$(this).dequeue(); }
).animate({
width: el.offsetWidth,
left: el.offsetLeft
}, o.speed, o.fx);
};

});
};
})(jQuery);

Külön külön tökéletesen működnek...a probléma gondolom én, az hogy simán divre hivatkozik a galéria ennél pontosabban kellene belőnöm.Én sajnos nem tudom mit kell megváltoztatnom, hogy ne zavarják egymást.
Még valami
<script type="text/javascript" src="js/jquery-1.2.3.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
ezekre egy html fájlon belül egyszerre implementálhatok??
Mutasd a teljes hozzászólást!
1.7.2-es a legnagyobb stabil jQuery verzió. Az 1.8-as nálam sem működik mindenhol.
Mutasd a teljes hozzászólást!

Tetszett amit olvastál? Szeretnél a jövőben is értesülni a hasonló érdekességekről?
abcd