1485 sujets

Web Mobile et responsive web design

Bonjour,

Je suis actuellement en train de refaire mon site perso afin d'optimiser son code et revoir un peu son design : http://www.eskiiss.fr/new/ (pour l'instant ça reste du "WIP"...). J'utilise Shadowbox (http://www.shadowbox-js.com/), un équivalent de Lightbox qui permet de visualiser des galeries d'image de manière assez propre.

J'en ai également profité pour créer une version mobile de mon site, avec un max-width: 640px. Le problème, c'est que Shadowbox fonctionne assez mal avec les mobiles (Iphone inclus). J'ai cherché à peu près partout, et impossible de trouver une solution simple et efficace de ne pas appeler cette ligne de script sur mobile...

Le script est appelé de la manière suivante dans mon code :

<script type="text/javascript" src="js/shadow.js"></script>


<script type="text/javascript">
Shadowbox.init({
    skipSetup: true
});

window.onload = function() {
    Shadowbox.setup("a.shadowz", {
        gallery:            "dessin"
    });

};
</script>



Quelqu'un aurait-il une idée pour régler ce petit problème ?
Merci !
Merci pour ton retour; pour ce qui est du js, je l'ai simplement copié / collé directement du site de Shadowbox.

Ce que je cherche c'est en fait à désactiver ce script uniquement pour les mobiles, une idée ?