Costruito un sito in cui una gran parte di esso si basa sul ribaltamento dei DIV con un effetto 3D, aggiornato a FF14 ieri mattina e l'effetto è stato interrotto. Funziona bene in FF13, Chrome, IE9, ecc.Firefox 14 rompe l'effetto 3D "capovolgere la carta" - qualcuno sa perché?
Non riesco a pubblicare il sito su cui sto lavorando, ma questo sito è interrotto esattamente nello stesso modo - salta tra la parte anteriore e posteriore della scheda piuttosto che a rotazione
http://jigoshop.com/product-category/extensions/
Qualcuno ha qualche idea?
EDIT: OK, probabilmente dovrebbe aver incluso più informazioni
sto usando questo plug-in per gestire la lanciando
http://www.zachstronaut.com/projects/rotate3di/
Ho sbagliato quando ho ha detto che era la stessa tecnica di quel sito che sembra essere semplice CSS mentre questo plug-in è per jQuery. Ecco un link ad una demo ho buttato insieme
http://olliesilviotti.co.uk/the-laboratory/cards/demo/
EDIT: Questo è come la query viene utilizzato:
$('#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');
}
});
Il markup è simile al seguente:
<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>
È rotto anche su FF 17a. –
Sarebbe bello avere qualche esempio di markup e dove lo chiami, ma controllerò la fonte del plugin. –
Ho aggiunto il markup e il jQuery adesso. Supponevo che non sarebbe stato necessario in quanto sarebbe il modo in cui FF ora gestisce le trasformazioni piuttosto che il plug-in – ollie