Büyük bir bölümünün 3D efekti ile tersine çevrilmesi, dün sabah FF14'e yükseltilmesi ve efektin kırılması üzerine büyük bir kısmının inşa edildiği bir site inşa edildi. FF13, Chrome, IE9, vb. De çalışıyor.Firefox 14 3D 'kart çevirme' etkisini kırar - herkes nedenini biliyor mu?
Çalıştığım siteyi yayınlayamıyorum, ancak bu site tam olarak aynı şekilde kırılmış - kartın önünde ve arkasında yerine
http://jigoshop.com/product-category/extensions/
herkes herhangi bir fikir var dönen daha?
DÜZENLEME: Tamam muhtemelen dahil etmeliydim fazla bilgi
Ben saygısız
http://www.zachstronaut.com/projects/rotate3di/
yanılmışım işlemek için bu eklentiyi kullanıyorum zaman I Bu eklenti, düz CSS gibi görünen diğer web sitesiyle aynı tekniğiyken, bu eklentinin jQuery için olduğunu söyledi. İşte bir demo için bir bağlantı ben birlikte
http://olliesilviotti.co.uk/the-laboratory/cards/demo/ attı var
DÜZENLEME: Bu sorgu nasıl kullanıldığını geçerli:
$('#boxes .box div.back').hide().css('left', 0);
function mySideChange(front) {
if (front) {
$(this).parent().find('div.front').show();
$(this).parent().find('div.back').hide();
} else {
$(this).parent().find('div.front').hide();
$(this).parent().find('div.back').show();
}
}
$('#boxes .box').live('mouseover', function() {
if (!$(this).data('init')) {
$(this).data('init', true);
$(this).hoverIntent({
over: function() {
$(this).find('div').stop().rotate3Di('flip', 250, {direction: 'clockwise', sideChange: mySideChange});
},
timeout: 1,
out: function() {
$(this).find('div').stop().rotate3Di('unflip', 500, {sideChange: mySideChange});
}
});
$(this).trigger('mouseover');
}
});
biçimlendirme şuna benzer:
<div id="boxes">
<div class="box floated-box">
<div class="front">Random Number</div>
<div class="back">I am the back of the card</div>
</div>
</div>
FF 17a'da da kırılmış. –
Bazı örnek işaretleme ve arama yaptığınız güzel olurdu, ancak eklentinin kaynağını kontrol edeceğim. –
Şimdi işaretleme ve jQuery'yi ekledim. FF'nin artık eklenti yerine – ollie