Bonjour,
Voilà pour la petite histoire, je suis un graphiste spécialisé dans flash et qui vient de se mettre au HTMl 5, CSS et jquery.........et je n'arrive pas à résoudre 2 problèmes sur le plug-in Jquery Isotope.
Mon premier souci, le plug ne fonctionne pas sous Safari mobile….peut être une ligne de code à ajouter ?
Le deuxième, dans IE et Opera, la transition d’arrivée de mes box est toute simple avec juste un effet d’opacité tandis que dans Chrome, Safari et Firefox, j’ai à la fois cet effet d’opacité mais aussi un redimensionnement xscale et yscale. Et en fait, je souhaiterais désactiver cet effet de redimensionnement car trop gourmand en processeur….une idée ? Sachant que ce plug utilise soit le javascript pour les anciennes versions de navigateur, soit les CSS3 pour les dernières versions donc je ne sais pas si je dois modifier mon fichier css ou javascript.
Lien vers mon site : http://gillesn.perso.sfr.fr/isotope/index.html
Lien vers le plug-in Isotope : http://isotope.metafizzy.co
Ci-dessous le code dans ma page HTML
Merci d'avance pour votre aide. Je précise que je ne suis pas un expert en programmation javascript !
Voilà pour la petite histoire, je suis un graphiste spécialisé dans flash et qui vient de se mettre au HTMl 5, CSS et jquery.........et je n'arrive pas à résoudre 2 problèmes sur le plug-in Jquery Isotope.
Mon premier souci, le plug ne fonctionne pas sous Safari mobile….peut être une ligne de code à ajouter ?
Le deuxième, dans IE et Opera, la transition d’arrivée de mes box est toute simple avec juste un effet d’opacité tandis que dans Chrome, Safari et Firefox, j’ai à la fois cet effet d’opacité mais aussi un redimensionnement xscale et yscale. Et en fait, je souhaiterais désactiver cet effet de redimensionnement car trop gourmand en processeur….une idée ? Sachant que ce plug utilise soit le javascript pour les anciennes versions de navigateur, soit les CSS3 pour les dernières versions donc je ne sais pas si je dois modifier mon fichier css ou javascript.
Lien vers mon site : http://gillesn.perso.sfr.fr/isotope/index.html
Lien vers le plug-in Isotope : http://isotope.metafizzy.co
Ci-dessous le code dans ma page HTML
<script> <!-- script isotope infinite scroll-->
$(function(){
var $container = $('#container_box');
$container.isotope({
itemSelector : '.box_s,.box_m,.box_l,.box_xl'
});
$container.infinitescroll({
navSelector : '#page_nav', // selector for the paged navigation
nextSelector : '#page_nav a', // selector for the NEXT link (to page 2)
itemSelector : '.box_s,.box_m,.box_l,.box_xl', // selector for all items you'll retrieve
loading: {
finishedMsg: 'No more pages to load.',
img: 'http://i.imgur.com/qkKy8.gif'
}
},
// call Isotope as a callback
function( newElements ) {
$container.isotope( 'appended', $( newElements ) );
}
);
});
</script>
Merci d'avance pour votre aide. Je précise que je ne suis pas un expert en programmation javascript !