2012-07-19 15 views
5

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> 
+1

FF 17a'da da kırılmış. –

+0

Bazı örnek işaretleme ve arama yaptığınız güzel olurdu, ancak eklentinin kaynağını kontrol edeceğim. –

+0

Şimdi işaretleme ve jQuery'yi ekledim. FF'nin artık eklenti yerine – ollie

cevap

4

Bu aslında Firefox'un lates takip ettiği içindir t standartları. Bu bükülme için taslak standart, destek kaldırılmıştır olarak https://developer.mozilla.org/en/Firefox_14_for_developers

kaynaktan() işlevi özelliğini dönüşümü kaldırıldı.

(Bu, tüm -moz-transform beyan düşürülür neden olur.)

yerine Bugzilla'ya hatayı bildirme

, bunu eklenti yazarı bildirilmelidir söyleyebilirim.

+0

Konsolumun neden spam tuttuğunu mükemmel bir mantık haline getiriyor 'Dönüş' için ayrıştırmada hata. Deklarasyon sürekli düştü. Güzel bulmak için +1. –

+0

Tamam, bu mantıklı (ama biraz can sıkıcı değil). Bu 3B efektini skew kullanmadan simüle etmenin başka bir yolunun farkında mısınız? – ollie

+0

@ollie 3D dönüşümleri denemeliyim, ama onları hiç kullanmadım. 3D dönüşümlerin spesifikasyonlarının da son zamanlarda değiştiğini ve desteğin değişebileceğini lütfen unutmayın. – duri

İlgili konular