Carrousel
Imprimé depuis: Forum openElement
Categorie:
openElement
Nom du Forum: Éditeur d'éléments
Description du Forum: Discussion sur l'éditeur d'éléments
URL: https://forums.openelement.uk/fr/forum_posts.asp?TID=22624
Date: 19 Avr 2024 à 05:34
Version logiciel: Web Wiz Forums 12.04 - http://www.webwizforums.com
Sujet: Carrousel
Posté par: sad
Sujet: Carrousel
Posté le: 13 Mar 2017 à 13:29
|
Bonjour à tous... Etant débutant je trouve le soft génial...j'avance plutôt bien mais j'ai une petite question est ce possible d'ouvrir (faire apparaître) un carrousel en cliquant sur un bouton ? par avance merci a vs  et bonne journée...------------- sad |
Réponses:
Posté par: brolysan
Posté le: 13 Mar 2017 à 14:25
|
Bonjour, Pourriez vous nous aiguiller avec un peu plus de précision ? carrosuel d'images? Autres? Un exemple? ------------- https://sensode.com" rel="nofollow - Sensode https://www.creads.fr/blog/graphiste-freelance2/parole-de-brolysan-45-ans-graphiste" rel="nofollow - Biographie |
Posté par: sad
Posté le: 13 Mar 2017 à 14:41
|
Merci de prendre le temps de répondre... Desolé pr mes explications peu clair (débutant aussi dans le langage de création de site web) en gros je souhaite que lorsque l'on clique sur un bouton (image ou lien...) faire afficher un carrousel d'images horizontal (qui n'est pas visible de base) et en restant sur la même page... Comme un menu qui apparaît et disparaît lorsque l'on clic sur un menu... j'ai pas d'exemple mais c'est le style d'un onglet rétractable ou il y a un carrousel mais la bande noire ne disparaît pas lorsque l'onglet est retracter donc c'est moche... Site en "Responsive" J'espere avoir etait plus clair Merci d'avance  ------------- sad |
Posté par: Dmit OE
Posté le: 13 Mar 2017 à 15:24
|
En general vous pouvez controler l'affichage avec JavaScript. Par exemple, mettez dans Proprietes un Classe Perso "invisible" pour l'element a afficher (galerie ou son conteneur), et un Classe "afficher" sur un element qui l'affiche au clic. Puis ajoutez un Bloc de Code Source type Javascript: $(function(){ $('.afficher').click(function(){ $('.invisible').show().css('visibility', 'visible'); }); });
|
Posté par: sad
Posté le: 13 Mar 2017 à 15:39
|
Merci pour votre aide... j'ai pas encore explorer Java mais je vais essayer... Merci et bonne journée... ------------- sad |
Posté par: Larsene
Posté le: 13 Mar 2017 à 18:18
|
euh, Dmit parle de Javascript, rien à voir avec Java ! ------------- http://goo.gl/KXxG5Y" rel="nofollow - Tutos | https://goo.gl/EtcEUi" rel="nofollow - Don | https://bit.ly/2YwprN3" rel="nofollow - Image Sublime |
Posté par: sad
Posté le: 14 Mar 2017 à 14:22
|
Bonjour, Merci Larsene de la précision je le savais j'ai juste abrégé un peu Desolé ------------- sad |
Posté par: sad
Posté le: 14 Mar 2017 à 14:48
|
Bon désolé mais je n'y arrive pas car je doit mal m'y prendre... Voici ce que j'ai fait (nouveau projet) : - j'ai créer 2 conteneurs différents dont un avec mon carrousel et un autre avec un bouton lien (tester aussi dans le même conteneur et avec une galerie d'image) - dans les classes perso j'ai écris : invisible ds l'un et ds l'autre afficher (tester aussi à l'inverse) - j'ai insérer un bloc de code (type:Javascript ; position : start document) et copier le code de Dmit OE $(function(){ $('.afficher').click(function(){ $('.invisible').show().css('visibility', 'visible'); }); }); dedans mais rien n'y fait... Je dois pas bien faire donc pouvez m'aider ? je suis preneur aussi d'un tuto ou autre (je cherche aussi dans le forum...)... Merci d'avance ------------- sad |
Posté par: Dmit OE
Posté le: 14 Mar 2017 à 15:02
| Sourtout pas position StartDocument! Utilisez Header. |
Posté par: Dmit OE
Posté le: 14 Mar 2017 à 15:03
| P.S. Et puis publiez le resultat quelque part pour voir ce qui ne va pas |
Posté par: sad
Posté le: 14 Mar 2017 à 15:17
j'ai aussi essayer en header sans resultat  ------------- sad |
Posté par: Dmit OE
Posté le: 14 Mar 2017 à 16:03
|
Dmit OE a écrit:Posté par: sad
Posté le: 14 Mar 2017 à 16:16
|
je suis pas encore à la publication (je commence tous juste le site et l'apprentissage de OE) du coup je fait le test avec la prévisualisation sous chrome mais je n'arrive toujours pas a faire afficher/disparaître le carrousel lorsque je clic sur un bouton (ou autre)... Est ce qu'il y aurait un tuto que je puisse adapté à ma demande (ça me permettra aussi d'apprendre qql truc ------------- sad |
Posté par: Hobby001
Posté le: 14 Mar 2017 à 16:31
|
http://forum.openelement.com/fr/forum_posts.asp?TID=22320&title=rcapitulatif-des-tutoriels" rel="nofollow - http://forum.openelement.com/fr/forum_posts.asp?TID=22320&title=rcapitulatif-des-tutoriels
------------- https://denislafrance.net" rel="nofollow - https://denislafrance.net https://www.youtube.com/playlist?list=PLWg7A6YtIr7VtnP3HvRpMhx8tFJET_fih" rel="nofollow - , Formation vidéo sur OE |
Posté par: Tardy
Posté le: 13 Juil 2017 à 20:43
|
Bonjour, j'utilisais OpenElement il y a quelques années et n'avais aucun problème pour insérer un carrousel horizontal, mais là je viens d'y passer la journée entière et impossible d'avoir les images sur une seule ligne. J'ai un décalage vertical continu vers le bas à chaque image (donc affichage des images en diagonal). J'utilise W7 64bits et la version OE 1.57 R9 J'ai tout essayé, changé le nom des images, le format, ... <!DOCTYPE HTML> <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="fr"> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <meta name="generator" content="openElement (1.57.9)" /> <link id="openElement" rel="stylesheet" type="text/css" href="WEFiles/Css/v02/openElement.css?v=50491126800" /> <link id="OETemplate1" rel="stylesheet" type="text/css" href="Templates/Base.css?v=50491126800" /> <link id="OEBase" rel="stylesheet" type="text/css" href="index.css?v=50491126800" /> <link rel="stylesheet" type="text/css" href="file:///C:/Users/administrateur PC/AppData/Local/Temp/openElement/6950e564-cd58-4b80-a35d-a099f837a7c5/LinkFile/qi5ncjq2.vdo.css" /> <!--[if lte IE 7]> <link rel="stylesheet" type="text/css" href="WEFiles/Css/ie7.css?v=50491126800" /> <![endif]--> <script type="text/javascript"> var WEInfoPage = {"PHPVersion":"phpOK","OEVersion":"1-57-9","PagePath":"index","Culture":"DEFAULT","LanguageCode":"FR","RelativePath":"","RenderMode":"Source","PageAssociatePath":"index","EditorTexts":null}; </script> <script type="text/javascript" src="WEFiles/Client/jQuery/1.10.2.js?v=50491126800"></script> <script type="text/javascript" src="WEFiles/Client/jQuery/migrate.js?v=50491126800"></script> <script type="text/javascript" src="WEFiles/Client/Common/oe.min.js?v=50491126800"></script> <script type="text/javascript" src="index(var).js?v=50491126800"></script> <script type="text/javascript" src="WEFiles/Client/jQuery/Plugins/jquery.ui.effects.js?v=50491126800"></script> <script type="text/javascript" src="file:///C:/Users/administrateur PC/AppData/Local/Temp/openElement/6950e564-cd58-4b80-a35d-a099f837a7c5/LinkFile/h1k0dqwb.fdc.js"></script><!--AddBlock|0|--> </head> <body class=""> <form id="XForm" method="post" action="#"></form><!--AddBlock|1|--> <div id="XBody" class="BaseDiv RBoth OEPageXbody OESK_XBody_Default" style="z-index:1000"> <div class="OESZ OESZ_DivContent OESZG_XBody"> <div class="OESZ OESZ_XBodyContent OESZG_XBody OECT OECT_Content OECTAbs"> <div id="WE3b7076b15b" class="BaseDiv RBoth OEWEGalleryCarrousel1 OESK_WEGalleryCarrousel1_Default" style="z-index:1001"> <div class="OESZ OESZ_DivContent OESZG_WE3b7076b15b"> <div class="OESZ OESZ_Previous OESZG_WE3b7076b15b"></div> <div class="WECarrousel1Parent"> <div class="WECarrousel1ImagesParent"> <table style="width:100%;height:100%;background-color:#999999;"> <tr> <td style="text-align:center;vertical-align:middle"> <div style="color:#FFFFF;font-size :10px;font-family :Arial;white-space:normal; word-wrap:false;">L'affichage des images du carrousel est provisoirement désactivé dans le mode éditeur. Le résultat final reste visible en mode prévisualisation</div> </td> </tr> </table> </div> </div> <div class="OESZ OESZ_Next OESZG_WE3b7076b15b"></div> </div> </div> </div> <div class="OESZ OESZ_XBodyFooter OESZG_XBody OECT OECT_Footer OECTAbs"></div> </div> </div><!--AddBlock|2|--> </body> </html> A mon avis un problème semblable doit exister en voulant créer une gallerie d'images (à mon avis il y a un problème d'affichage là aussi ...). Voilà si quelqu'un peut m'aider, j'y ai passé la journée ;-) |
Posté par: Dmit OE
Posté le: 13 Juil 2017 à 21:29
|
Bonsoir. Svp publiez quelque part (ex. dossier temporaire sur le serveur d'hebergement) le site avec la carousel non-fonctionnelle et donnez le lien.
|
Posté par: Tardy
Posté le: 15 Juil 2017 à 10:56
|
Je ne peux pas publier pour l'instant car mon hébergement n'est pas encore actif, MAIS ... Je viens de rallumer mon vieux VISTA 64 avec OE 1.47 R3 et aucun problème. Donc je retourne sur mon PC en W7 64bits, désinstalle OE + tous les paramètres et les sites + Ccleaner sur les fichiers temporaires et les erreurs de registre, et je réinstalle OE 1.57 R9. J'ouvre un projet vierge et y glisse une galerie d'images juste avant d'avoir le message suivant : "Une erreur s'est produite. ==> Impossible d'afficher la galerie. La galerie n'est pas assez haute pour afficher les miniatures." Donc comme pour les carrousels il y a bien un problème dès le début ! Et l'affichage en prévisualisation n'est naturellement pas cohérent.
|
Posté par: brolysan
Posté le: 15 Juil 2017 à 11:52
|
donc peut etre un souci soit au niveau de Windows (version tipiak?) soit matériel. ------------- https://sensode.com" rel="nofollow - Sensode https://www.creads.fr/blog/graphiste-freelance2/parole-de-brolysan-45-ans-graphiste" rel="nofollow - Biographie |
Posté par: Tardy
Posté le: 15 Juil 2017 à 12:33
|
Windows 7 Professionnel Pack 1 (officiel) i7-6500U CPU 2.50 GHz RAM 8,00 Go 64 bits Aucun problème par ailleurs (propre et fonctionne bien). |
Posté par: Tardy
Posté le: 15 Juil 2017 à 12:34
|
ThinkPad
|
Posté par: Tardy
Posté le: 15 Juil 2017 à 12:58
|
Ok, je viens d'installer OE 1.57 R9 sur mon PC Vista, et le problème est identique ! Il ne s'agit donc assurément ni d'un problème de Windows ni matériel. Reste votre logiciel ... dans cette version 1.57 R9 
|
Posté par: Tardy
Posté le: 15 Juil 2017 à 13:51
Je viens d'installer OE 1.57 R9 sur un autre PC W7 Édtion Familiale Premium, et le problème est  identique !3 PC différents et 3 configurations très différentes. |
Posté par: Hobby001
Posté le: 15 Juil 2017 à 14:07
|
Toujours avec le même site? ------------- https://denislafrance.net" rel="nofollow - https://denislafrance.net https://www.youtube.com/playlist?list=PLWg7A6YtIr7VtnP3HvRpMhx8tFJET_fih" rel="nofollow - , Formation vidéo sur OE |
Posté par: Dmit OE
Posté le: 15 Juil 2017 à 14:13
| Partagez le fichier ZIP de sauvegarde de votre projet via Google Drive, Dropbox ou wetransfer.com (pour faire la sauvegarde: Projet->Autre->Sauvegarder le projet), m'enviyez le lien de partage via un message privé |
Posté par: Hobby001
Posté le: 15 Juil 2017 à 14:25
J'ai fait deux tests avec 1.57 r9, juste au cas.
Dans les deux cas tout va.
------------- https://denislafrance.net" rel="nofollow - https://denislafrance.net https://www.youtube.com/playlist?list=PLWg7A6YtIr7VtnP3HvRpMhx8tFJET_fih" rel="nofollow - , Formation vidéo sur OE |
Posté par: Tardy
Posté le: 15 Juil 2017 à 14:34
|
Moi j'ouvre un projet vierge et y glisse une galerie d'images juste avant d'avoir le message suivant : "Une erreur s'est produite. ==> Impossible d'afficher la galerie. La galerie n'est pas assez haute pour afficher les miniatures." Donc comme pour les carrousels il y a bien un problème dès le début ! Et l'affichage en prévisualisation n'est naturellement pas cohérent. C'est la même chose sur 3 PC (avec 1.47 R3 c'est bon). Un MP pour lien Dropbox vient de partir. |
Posté par: Dmit OE
Posté le: 15 Juil 2017 à 23:11
| Vous m'avez envoyé un projet vierge. Quand je mets une Galerie sur la page, il y a effectivement un message d'erreur, mais c'est un bug d'initialisation et apres je ne constate aucun probléme. Svp envoyez le projet qui reproduit le souci de previsualisation (de decalage ou autre). |
Posté par: Tardy
Posté le: 16 Juil 2017 à 11:11
| Projet avancé ou projet vierge le message d'erreur est présent pour moi comme pour vous. La différence semble t'il c'est que pour moi la prévisualisation s'avère incohérente dans tous les cas et pas pour vous. Ainsi vous envoyer un autre projet ne servirait à rien, le résultat serait identique. Par contre je peux vous envoyer un lien Dropbox avec des photos en prévisualisation de carrousels ou galerie d'images (donc incohérents). |
Posté par: Bridet
Posté le: 16 Juil 2017 à 11:25
|
Il n'en fera rien des images, il veut pouvoir lire le code complet. Vous avez bien fait ctrl F5 ? ------------- http://accessit.be" rel="nofollow - Les Billets d'une Bobonne Bougonne - http://gite.vervoz.be" rel="nofollow - Gîte Le Vicus |
Posté par: Tardy
Posté le: 16 Juil 2017 à 12:47
|
Ctrl+F5 n'a aucun effet chez moi, mais j'utilise la prévisualisation (ou F12). Par contre je viens de m'apercevoir que si malgré le défaut de prévisualisation j'enregistre malgré tout la page au préalable, l'affichage ensuite est cohérent. Donc pas très pratique, mais ça marche ! [<:o)] |
Posté par: Bridet
Posté le: 17 Juil 2017 à 09:45
|
Euh, évidemment qu'il faut enregistrer avant de prévisualiser... ------------- http://accessit.be" rel="nofollow - Les Billets d'une Bobonne Bougonne - http://gite.vervoz.be" rel="nofollow - Gîte Le Vicus |
Posté par: Tardy
Posté le: 17 Juil 2017 à 10:27
| Non, pas avec OE 1.47 R3, la prévisualisation pouvait se faire sans avoir à enregistrer. Maintenant il faut enregistrer dès la création, après les modifications sont visibles sans avoir à enregistrer la page à chaque fois. Je parle pour les carrousels et galerie d'images. |