aide pour script galerie photo mobile |
Répondre |
Auteur |
Sujet Recherche Options des sujets
|
brolysan
Admin Group Depuis le: 14 Août 2009 Pays: France Status: Inactif Points: 10144 |
Options des messages
Thanks(0)
Envoyé : 22 Nov 2013 à 10:57 |
Bonjour,
travaillant actuellement sur un site mieux adapté aux mobiles/tablettes, j'en arrive à la partie galerie photos. Ayant un décalage et de cadrage avec Chrome mobile avec la fonction zoom, je cherche d'autres solutions. Je suis partie sur une galerie hébergée par Cincopa dont j'aimais bien l'effet et la simplicité de mise en place. Mais vu la faible quantité de bande passante disponible hormis de passer par l'option premium, je me tourne vers un pluging jquery ou javascript gratuit. Je suis tombé sur http://www.photoswipe.com/ A priori, assez simple à mettre en place, mais soit je n'ai pas eu ma dose de café depuis ce matin, soit j'ai loupé un bout de code quelque part. Si quelqu'un a déjà testé ou a un autre pluging adapté aux contraintes des mobiles, merci d'avance.
|
|
brolysan
Admin Group Depuis le: 14 Août 2009 Pays: France Status: Inactif Points: 10144 |
Options des messages
Thanks(0)
|
j'essaye de trouver un autre script du coup, en l’occurrence celui la : http://brutaldesign.github.io/swipebox/
J'essaye d'appliquer à une page vierge les indications "simples" et je fais chou blanc.... Si quelqu'un pouvait me dire où ca coince....j'ai l'impression qu'un des js ne s'active pas.
|
|
brolysan
Admin Group Depuis le: 14 Août 2009 Pays: France Status: Inactif Points: 10144 |
Options des messages
Thanks(0)
|
Bon, après quelques tests, voila ce que j'ai réussi à faire et qui fonctionne le temps de peaufiner tout ca un peu mieux.
Télécharger le dossier compressé, l'extraire et le mettre à la racine de votre projet et le renommer (dans mon exemple, c'est "script"). Créer un bloc de code source, et le plus important en otherscript/header : <script src="script/lib/jquery-2.0.3.min.js"></script> <script src="script/source/jquery.swipebox.min.js"></script> <link rel="stylesheet" href="script/source/swipebox.css"> <script type="text/javascript"> jQuery(function($) { $(".swipebox").swipebox(); }); </script> Mettez dans un dossier à la racine de votre projet avec les photos "full" (plein écran) et "thumb" (miniatures), creer un dossier spécifique pour chaque. Ensuite, créer un bloc de code visuel : <a href="images/full/01.jpg" class="swipebox" title="My Caption"> <img src="images/thumb/01.jpg" alt="image"> </a> Dans le cas d'une seule image, ou pour une galerie et profitez du menu : <a href="images/full/01.jpg" class="swipebox" title="My Caption"> <img src="images/thumb/01.jpg" alt="image"> </a> <a href="images/full/02.jpg" class="swipebox" title="My Caption"> <img src="images/thumb/02.jpg" alt="image"> </a> <a href="images/full/03.jpg" class="swipebox" title="My Caption" style="display:none;"> <img src="images/thumb/image3.jpg" alt="image"> </a> l'option style="display:none;" va en fait cacher la miniature sur votre page si vous voulez qu'une seule image génère entièrement la galerie. Maintenant, il ne me reste plus qu'à trouver comment lancer la galerie à partir d'une image importée avec OE dont j'ai attribué un style. Si quelqu'un a une idée Edité par brolysan - 22 Nov 2013 à 14:49 |
|
Répondre | |
Tweet
|
Aller au Forum | Permissions du forum Vous ne pouvez pas écrire un nouveau Sujet Vous ne pouvez pas répondre aux Sujets Vous ne pouvez pas effacer vos messages Vous ne pouvez pas éditer vos messages Vous ne pouvez pas créer des sondages Vous ne pouvez pas voter dans les sondages |