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

openElement

> Web Café > Code (JS, PHP, CSS etc.), techniques etc.
  Nouveaux messages Nouveaux messages Fil RSS  - help : galerie custom
  FAQ FAQ  Rechercher dans le Forum   Inscription Inscription  Connexion Connexion

help : galerie custom

 Répondre Répondre Page  <1234>
Auteur
Message
xplorer allez vers le bas
Senior Member
Senior Member


Depuis le: 04 Sep 2015
Status: Inactif
Points: 241
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer xplorer Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 18 Sep 2015 à 15:48
Message posté par nico38 nico38 a écrit:

La logique doit etre ça : (revoyez le code et les anomalies dedans)

fonction
si je click sur l'élément 1 =
- cacher toutes les images
- faire apparaitre l'image 1

+ faire disparaitre toute les images au démarrage sauf la 1 au  chargement de la page

(Répéter ça pour chaque image)


(je préviens ce sera pas du tout optimisé mais ça marche. ça se fait plutôt (pour moi) avec les listes à puces dans un bloc visuel)
ps : mettez plutot ce post dans Web café "code et technique)
 
merci,
 
mais "cacher toutes les images va être en contradiction avec "faire apparaître l'image 1, non ? "
 
Haut de la page
xplorer allez vers le bas
Senior Member
Senior Member


Depuis le: 04 Sep 2015
Status: Inactif
Points: 241
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer xplorer Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 18 Sep 2015 à 15:50
je m'absente, je vais y réfléchir et voir si je ne trouve pas des éclairements sur w3 school.
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é : 18 Sep 2015 à 15:51
Message posté par xplorer xplorer a écrit:

Message posté par brolysan brolysan a écrit:

si j'ai bien compris, tu veux ce style de galerie mais avec un zoom sur les images?
 
c'est presque ça oui, mais sous cette forme exactement ( et oui, avec un zoom )
 

l'emplacement des boutons n'a que peu d'importance, tu le verras par la suite.
Voila un lien avec exactement ce que tu veux, un peu de recherche (je précise bien du moment que l'on connait les termes exacts pour effectuer une recherche qui n'est pas évidente).


Par contre, si d'autres ont une approche plus "directe" pour la réaliser, ils peuvent l'exposer ici sans problème. L'idée en soit est bonne même si elle existe déjà.
Haut de la page
xplorer allez vers le bas
Senior Member
Senior Member


Depuis le: 04 Sep 2015
Status: Inactif
Points: 241
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer xplorer Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 18 Sep 2015 à 15:52
(je préviens ce sera pas du tout optimisé mais ça marche. ça se fait plutôt (pour moi) avec les listes à puces dans un bloc visuel)
ps : mettez plutot ce post dans Web café "code et technique)
 
ok, je me suis trompé de section, merci de déplacer ce topic si possible.
Haut de la page
xplorer allez vers le bas
Senior Member
Senior Member


Depuis le: 04 Sep 2015
Status: Inactif
Points: 241
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer xplorer Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 18 Sep 2015 à 15:56
Message posté par brolysan brolysan a écrit:

Message posté par xplorer xplorer a écrit:

Message posté par brolysan brolysan a écrit:

si j'ai bien compris, tu veux ce style de galerie mais avec un zoom sur les images?
 
c'est presque ça oui, mais sous cette forme exactement ( et oui, avec un zoom )
 

l'emplacement des boutons n'a que peu d'importance, tu le verras par la suite.
Voila un lien avec exactement ce que tu veux, un peu de recherche (je précise bien du moment que l'on connait les termes exacts pour effectuer une recherche qui n'est pas évidente).


Par contre, si d'autres ont une approche plus "directe" pour la réaliser, ils peuvent l'exposer ici sans problème. L'idée en soit est bonne même si elle existe déjà.
 
merci, je vais voir ça. j'avais déjà effectué une recherche Google, et aussi en anglais, mais je n'étais pas tombé dessus.
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é : 18 Sep 2015 à 15:58
le code doit être adapté à OE mais réalisable en le parcourant rapidement là.
Haut de la page
MicroVinc allez vers le bas
Moderator Group
Moderator Group


Depuis le: 21 Août 2012
Pays: Bretagne
Status: Inactif
Points: 4460
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer MicroVinc Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 18 Sep 2015 à 16:29
Ok... Effectivement le fichier "galleriffic.js" il contient les boucles sur les classes image... Une bonne partie du boulot de fait.
-Éléments pour OpenElement : ICI
-Tutoriels pour OpenElement : ICI


La Bretagne, un État dans l'État
Haut de la page
nico38 allez vers le bas
Senior Member
Senior Member


Depuis le: 18 Jan 2014
Status: Inactif
Points: 3967
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer nico38 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 18 Sep 2015 à 22:19
Message posté par xplorer xplorer a écrit:


merci,
mais "cacher toutes les images va être en contradiction avec "faire apparaître l'image 1, non ? "

non
Un lien vers ton site tu enverras | Problème d'affichage ? ---> CTRL+F5 | Couleur des liens --> "Styles des liens"
Haut de la page
xplorer allez vers le bas
Senior Member
Senior Member


Depuis le: 04 Sep 2015
Status: Inactif
Points: 241
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer xplorer Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 19 Sep 2015 à 00:47
Message posté par MicroVinc MicroVinc a écrit:

Ok... Effectivement le fichier "galleriffic.js" il contient les boucles sur les classes image... Une bonne partie du boulot de fait.
 
En effet, Gallerific a l'air très intéressant pour ce que je veux faire. je n'aurais qu'à appliquer zoom pop up ou fenêtre modale sur le panneau d'éléments contenant les images, je pense. 
 
en m'inspirant du tuto d'installation du plugin Vegas, j'ai importé dans les ressources du projet le gallerific.js, ensuite après avoir créé une page vierge j'ai rentré le code html en header dont ils parlent, puis j'ai créé un panneau d'élément. mais pour la suite, je suis bloqué : les étapes 3 à 5.
 
 
c'est simplement encore du code à rentrer, qui m'a l'air d'être du html mais je ne suis pas sûr de ce qu'ils disent d'en faire.
 
alors, si j'observe le début du script jquery java :
 
jQuery(document).ready(function($) {    
var gallery = $('#thumbs').galleriffic({
 
... oû #thumbs est l'élément sélectionné, et .galleriffic la fonction utilisée sur #thumbs .
 
ça voudrait dire ... ( et en comparant avec l'ID que vegas utilise ) . que l'ID du panneau d'element devrait être renommé #thumb si je comprends bien,
tout comme le début du script de vegas ( je prend vegas parce que c'est un exemple qui a fonctionné ) est :
 
$('#WEVEGAS').vegas(
 
donc ... WEVEGAS dans ce cas là pour le panneau d'élément.
 
bon, mais par contre, OE va renommer automatiquement #thumbs en #WEthumbs j'imagine.


Edité par xplorer - 19 Sep 2015 à 03:05
Haut de la page
xplorer allez vers le bas
Senior Member
Senior Member


Depuis le: 04 Sep 2015
Status: Inactif
Points: 241
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer xplorer Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 19 Sep 2015 à 03:31

 


Edité par xplorer - 19 Sep 2015 à 03:34
Haut de la page
 Répondre Répondre Page  <1234>
  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.062 secondes.