[Problème] Problème d'affichage sous Safari

[edgar_pau]

Bonjour,

voici le dernier site créé joelbrechet.fr quand nous utilisons le navigateur Safari, les vignettes de présentation s'affichent sous un autre format ; alors que sous Chrome et sous Firefox, c'est bon !!
Si vous cliquez sur la rubrique "travaux", l'affichage revient correctement.

Auriez-vous déjà rencontrer ce souci ? Quelle serait la solution ?
car je ne trouve rien sur le forum...

Cordialement,
Edgar

[SimonG]

Re : Problème d'affichage sous Safari

Bonjour,

je n'ai aucun problème d'affichage avec Safari.

[edgar_pau]

Re : Problème d'affichage sous Safari

Bonsoir,
merci de votre réponse ; quelle version de safari utilisez-vous ?

[SimonG]

Re : Problème d'affichage sous Safari

Bonjour,

j'utilise la version 5.1.8.

[edgar_pau]

Re : Problème d'affichage sous Safari

Bonjour,

cela vient bien de la version de safari car je suis en 6.0.4
mais le problème n'est pas encore solutionner !

Cordialement,
Edgar

[edgar_pau]

Re : Problème d'affichage sous Safari

Bonsoir,

après de multiple recherche... je crois que cela vient du Javascript jquery.gridalicious.js de mon template !
sauf que je ne sais pas le lire ; quelqu'un peut-il m'aider ? Je lui transmettrai.

Merci d'avance,
Edgar

[ghazal]

Re : Problème d'affichage sous Safari

Salut,
sur Mac, Firefox et Chrome nickel.
Aucune erreur dans la console JS.

Avec Safari 6.0.4, c'est curieux, ca charge les images en miniature au départ, mais si j'affiche l'Inspecteur web (debug JS natif), les images s'affichent normalement.
Aucune erreur dans la console JS.

Ce que tu peux faire, et si tu as ton site en local (pour éviter les cafouillages sur le site en ligne), c'est tester la version non compressée de la derniere version de gridalicious, que tu peux trouver ici :

https://raw.github.com/suprb/Grid-A-Licious/master/jquery.grid-a-licious.js

Tu copies colles dans ce fichier (en prenant soin de sauvegarder l'original de youtheme sous un autre nom)

http://joelbrechet.fr/templates/yoo_solar/js/jquery.gridalicious.js

pour voir si des erreurs s'affichent avec l'Inspecteur web de Saf ou meme avec Firebug pour FF.

NB : cette manip peut mettre le souk si les devs de Youtheme ont modifié/adapté le script original.

[edgar_pau]

Re : Problème d'affichage sous Safari

Bonjour,

je viens de faire la manipulation conseillée.

Malgré le bon fonctionnement de la dernière version de gridalicious (qui est dorénavant en place), le résultat est le même !
Est-il préférable de revenir sur la version d'origine ?

Merci de votre réponse qui me permet de réduire le champ de recherche.

Cordialement,
Edgar

[ghazal]

Re : Problème d'affichage sous Safari

Je pense que le pb provient d'un resize a-synchro de l'image dans Safari au moment du chargement.
Test : tu charges dans Saf et tu redimensionnes ta fenêtre, les images reviennent à la normale (c'est pourquoi j'avais cet effet en activant Inspecteur web).

Ca pourrait venir du (mauvais pour Saf) positionnement du script d'usage dans la page, qui retarderait son activation au moment du chargement du DOM, cf :

<script type="text/javascript">

window.GRIDALICIOUS_IN_USE = true;

jQuery(function($){
$('.items.grid-block').gridalicious({
selector: '.grid-box',
width: 180,
gutter: 10,
animate: (1) ? true:false,
animationOptions: {
speed: 200,
duration: 300 }
});
});
</script>

Mais c'est juste une intuition.

A ce point, tu signales le pb à YooTheme.
Comme c'est un template payant, ton pb fait partie du support qu'ils te doivent.

[edgar_pau]

Re : Problème d'affichage sous Safari

Merci pour ces inspections.
En espérant avoir rapidement la solution.
Bonne continuation,

Edgar