BullGuard Antivirus Sale - 60% Off with openElement !
Accueil Forum Accueil Forum >

openElement

> Scripts pour votre site
  Nouveaux messages Nouveaux messages Fil RSS  - aide pour script galerie photo mobile
  FAQ FAQ  Rechercher dans le Forum   Inscription Inscription  Connexion Connexion

aide pour script galerie photo mobile

 Répondre Répondre
Auteur
Message
brolysan allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: 14 Août 2009
Pays: France
Status: Inactif
Points: 10144
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer brolysan Citer  RépondreRéponse Lien Direct à ce Post Sujet: aide pour script galerie photo mobile
    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.
Haut de la page
brolysan allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: 14 Août 2009
Pays: France
Status: Inactif
Points: 10144
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer brolysan Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 22 Nov 2013 à 12:43
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.
Haut de la page
brolysan allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: 14 Août 2009
Pays: France
Status: Inactif
Points: 10144
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer brolysan Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 22 Nov 2013 à 14:17
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 Embarrassed



Edité par brolysan - 22 Nov 2013 à 14:49
Haut de la page
 Répondre Répondre
  Partagez ce sujet   

Aller au Forum Permissions du forum allez vers le bas

Forum Software by Web Wiz Forums® version 12.04
Copyright ©2001-2021 Web Wiz Ltd.

Cette page a été affichée en 0.047 secondes.