help : galerie custom |
Répondre | Page <1234> |
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)
|
|
essayes de partir sur l'exemple 1 que fourni galleriffic (qui est la base la plus proche de ce que tu veux faire). Y a rien de "trop" compliqué, il suffit de te servir de Chrome (ou firefox) pour "inspecter l'élément".
Ensuite, et une fois seulement que tu as fait ta galerie comme tu veux, tu pourras modifier le code en te servant du tutoriel que je t'ai indiqué.
|
||
nico38
Senior Member Depuis le: 18 Jan 2014 Status: Inactif Points: 3967 |
Options des messages
Thanks(0)
|
|
Un lien vers ton site tu enverras | Problème d'affichage ? ---> CTRL+F5 | Couleur des liens --> "Styles des liens"
|
||
brolysan
Admin Group Depuis le: 14 Août 2009 Pays: France Status: Inactif Points: 10144 |
Options des messages
Thanks(0)
|
|
xplorer
Senior Member Depuis le: 04 Sep 2015 Status: Inactif Points: 241 |
Options des messages
Thanks(0)
|
|
ok merci, je vais regarder l'exemple dans chrome ( mais je crois qu'internet explorer montre aussi le code de la page, en tapant F12 ) . je ne me souviens plus de quel tutoriel tu parle mais je vais regarder en arrière. si t'as édité quelque chose et rajouté un lien.
merci Nico c'est pas mal. dans ma version ça change un peu : ça se rapproche plus de galleriffic , sans thumbnails ( les images en petit format ) , et le zoom ne vient pas lorsqu'on clique sur l'image ( un click sur l'image amènerait à l'image suivante ) , mais quand on clique sur une icône zoom près des chiffres. mais c'est presque pareil, c'est pas grand chose à changer. par contre je suis en train de me demander ce qui serait le plus intelligent en mode responsive, si on lit ce site sur un téléphone par exemple. là le zoom et les chiffres seraient peut-être trop petits, et alors est-ce qu'on passerait d'une image à une autre en slidant ( ce qui remplacerait le click ) , Est-ce qu'on pourrait toujours zoomer ... mais bon, c'est des questions pour plus tard, je vais essayer de faire simple déjà, et un jour peut-être j'irai plus loin dans les fonctions de cette galerie.
|
||
nico38
Senior Member Depuis le: 18 Jan 2014 Status: Inactif Points: 3967 |
Options des messages
Thanks(1)
|
|
J'ai mis des images juste pour dire qu'on peut aussi mettre des images. L'icône zoom c'est aussi faisable, il suffit de dire dans OE ce qui déclenche le zoom (l'icone et pas l'image) |
||
Un lien vers ton site tu enverras | Problème d'affichage ? ---> CTRL+F5 | Couleur des liens --> "Styles des liens"
|
||
brolysan
Admin Group Depuis le: 14 Août 2009 Pays: France Status: Inactif Points: 10144 |
Options des messages
Thanks(0)
|
|
J'ai finalement un ancien projet où j'aimerais adapté ta galerie Nico, si tu as le temps de fournir ce que tu as fait. Merci d'avance
|
||
nico38
Senior Member Depuis le: 18 Jan 2014 Status: Inactif Points: 3967 |
Options des messages
Thanks(0)
|
|
Oui je te dirais tout ça (à moins que tu sois pressé ?) Si tu le veux responsive il faut que je change le code là la copie de base : EXEMPLE-DE-BASE Là avec un icone zoom pour chaque image + icone au survol (vite fait) : EXEMPLE2 (on est d'accord que c'est moche, c'est juste le principe de base) Edité par nico38 - 19 Sep 2015 à 17:48 |
||
Un lien vers ton site tu enverras | Problème d'affichage ? ---> CTRL+F5 | Couleur des liens --> "Styles des liens"
|
||
xplorer
Senior Member Depuis le: 04 Sep 2015 Status: Inactif Points: 241 |
Options des messages
Thanks(0)
|
|
effectivement, en faisant F12 sur Google chrome on a accès à plein de choses, et même un visionnage version smartphone, pratique. je suis encore en train de voir si je retrouve le code de gallerific, lorsqu'on l'observe sous Google chrome, mais je ne suis pas encore à ce niveau de compréhension, c'est désespérant. pour le reste, je comprend le principe. je vois néanmoins le header html qu'on retrouve sur le site de galerific, mais je ne vois que lui, pas le reste. ça a l'air dispatché. 3. Add container elements to your page. All container elements are optional, so you may choose to not include an area (such as the loading or caption container elements). Here is an example of all the elements needed for a full-featured setup:
<div id="controls"></div>
<div id="loading"></div>
<div id="slideshow"></div>
<div id="caption"></div>
<div id="thumbs">
... graceful degrading list of thumbnails (specific format specified below) ...
</div> pour moi ça veut dire qu'il faut ajouter un ou des panneaux d'éléments, mais c'est optionnel. si on ne veut pas le faire, alors on entre le code ci-dessus ... en endbody ( à la suite du header ) précédent appelant le javascript gallerific, importé précédemment dans les ressources d'OE. 4. Within the thumbnails container element, build your graceful degrading unordered list of thumbnails linking to the image slides as such: Edité par xplorer - 19 Sep 2015 à 22:47 |
||
xplorer
Senior Member Depuis le: 04 Sep 2015 Status: Inactif Points: 241 |
Options des messages
Thanks(0)
|
|
ça c'est cool ! je vais quand même essayer de réussir l'exercice "installation de gallerific", je ne peux pas me permettre de ne même pas savoir des choses "simples" comme ça.
|
||
xplorer
Senior Member Depuis le: 04 Sep 2015 Status: Inactif Points: 241 |
Options des messages
Thanks(0)
|
|
hmmm merci w3school, je crois que je comprend un peu mieux.
tout ce code est à adapter . si je comprend bien, dans le body du bloc de code html, on insère ce code, tout ou partie - ce sont des éléments de contenu, on peut par exemple ne prendre que et on complète ce code par plus de "détails" : <li>
<a class="thumb" name="optionalCustomIdentifier" href="path/to/slide" title="your image title">
<img src="path/to/thumbnail" alt="your image title again for graceful degradation" />
</a>
(Any html can go here)
</div>
</li>
... (repeat for every image in the gallery)
</ul>
</div> donc ce qui compte ( l'image ) est contenue dans l'élément <li> </li> et on répète l'opération entre les tags <ul> </ul> avec de nouveaux éléments que <li>, pour chaque image ( Href ). je ne sais pas s'il faut renommer "thumb", je pense qu'à chaque répétition on spécifie un nom différent, dans ce cas là il s'agit de "optionalCustomIdentifier" . il faut spécifier des chemins, donc vers la bibliothèque de open element > donc vers des ID de open element ? non ça doit pas être ça. bon, et ensuite, on entre le code jquery appliqué à "#thumb" , donc il s'agit d'ID puisqu'il y a un "#nom" , et là on peut spécifier plein de paramètres ( la vitesse de tansition, etc .. ) donc ça veut dire qu'il faut vraiment rentrer dans le code, le répéter pour chaque image, et ça ne s'implante pas en mode un peu automatique comme pour vegas, oû on a accès aux propriétés du "plugin" . je sais que je me trompe pas mal mais bon .. afficher mon raisonnement en cours devrait être plus utile pour si on veut m'aider, pour voir en quoi je me plante.
|
||
Répondre | Page <1234> |
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 |