Forum
Aktif konular
Üyeler
Kurallar
Arama
Tarayıcı Farkı Sorunsalı [Jquery] Tarayıcı Farkı Sorunsalı [Jquery]
-
$(document).ready(function(){
var bgEl = $(".bg");
var imgEl = $(".bg>img");
var imgOldWidth = imgEl.width();
var imgOldHeight = imgEl.height();
var imgAspectRatio = (imgOldWidth>imgOldHeight)?imgOldWidth/imgOldHeight:imgOldHeight/imgOldWidth;
bgEl.width($(window).width());
bgEl.height($(window).height());
imgEl.width($(window).width());
$(".bg").mousemove(function(e){
var elH = imgEl.height();
var viH = $(this).height();
var ratio = elH/viH;
var yPos = (ratio*e.pageY)-viH;
if(yPos>0){
imgEl.css('marginTop',-yPos);
}
var elW = imgEl.width();
var viW = $(this).width();
var ratioW = elW/viW;
var xPos = (ratioW*e.pageX)-viW;
if(xPos>0){
imgEl.css('marginLeft',-xPos);
}
$(".container").html(yPos+'x'+xPos)
});
});
Şu yukarıdaki lanet kod neden tarayıcılarda farklı sonuç verir ? ffde mousemove ve container a veriyazma olayı başarılı ama imgEl in boyutunu büyütmüyor. Chromeda boyut büyüyor ama mousemove çalışmıyor.
Teşekkürler
Kısayol
Şikayet
Özel Mesaj
Alıntı yap
Cevapla