Imprimer la Page | Fermez la fenêtre

Importer Diaporama WowSlider

Imprimé depuis: Forum openElement
Categorie:

openElement


Nom du Forum: Élements complémentaires pour OE
Description du Forum: Les éléments complémentaires créés pour Open Element
URL: https://forums.openelement.uk/fr/forum_posts.asp?TID=23843
Date: 20 Avr 2024 à 17:08
Version logiciel: Web Wiz Forums 12.04 - http://www.webwizforums.com


Sujet: Importer Diaporama WowSlider
Posté par: ptitga
Sujet: Importer Diaporama WowSlider
Posté le: 03 Avr 2020 à 16:53
Bonjour à Tous,

Je suis en train de faire un site et j'aimerais incorporer un diaporama réalisé avec WowSlider; ce dernier est très pratique et rapide lorsqu'on veut changer le flot de photos.
J'ai réussi en modifiant directement le ficher Index.htm. Le problème est, que lorsque je relance OE, les modifications disparaissent et par conséquent le diaporama.
Pouvez-vous me donner une solution pour remédier à ce problème ?
Merci d'avance de votre coopération.

-------------
Cordialement.

Je plane sur mon petit nuage.



Réponses:
Posté par: Hobby001
Posté le: 03 Avr 2020 à 18:12
Utilisez-vous la version jquery ou css?

-------------
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: Hobby001
Posté le: 03 Avr 2020 à 18:33
Copiez le dossier data1 et son contenu à la racine de votre site

Copiez le dossier engine1 à la racine de votre site


Ouvrez votre page dans openElement, créez un bloc de code html en position header

Editez la page html produite par wowslider avec un éditeur de texte

Copiez la portion entre les balises <head></head> et collez-la dans le bloc de code HTML

Insérez un bloc de code visuel sur votre page et donnez-lui la largeur désirée pour le slider ainsi qu'une hauteur auto

retournez dans la page produite par wowslider

copiez la portion entre les balises <body></body>

collez-la dans le bloc de code visuel



-------------
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: Hobby001
Posté le: 03 Avr 2020 à 19:47
Afin de transférer ces dossier s sur votre hébergement, vous devrez faire une publication complète de votre 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: ptitga
Posté le: 04 Avr 2020 à 06:42
Bonjour,

Merci pour votre réponse rapide et claire.
J'ai essayé sur un nouveau projet sans modèle et votre méthode fonctionne très bien.
Cependant je galère car j'ai omis de vous signaler que j'utilisais le modèle OE (SENSWHITE 100% RESPONSIVE) .
Comment procéder dans ce cas pour modifier la page GALERIE ?
Merci de votre aide précieuse.
Cordialement.

-------------
Cordialement.

Je plane sur mon petit nuage.


Posté par: Bridet
Posté le: 04 Avr 2020 à 08:53
Vous insérez le bloc visuel dans le panneau d'élément appelé : pan_galerie


-------------
http://accessit.be" rel="nofollow - Les Billets d'une Bobonne Bougonne - http://gite.vervoz.be" rel="nofollow - Gîte Le Vicus


Posté par: ptitga
Posté le: 04 Avr 2020 à 11:38
J'ai ajouter le contrôle visuel comme indiqué, mais ça ne fonctionne pas:
ma page d'accueil ne s'affiche plus, je tombe sur la page "a propos" et quand je clique sur galerie dans le menu j’aperçois "Galerie" écrasé par une image slider de l'accueil.
Que faire des photos qui s'y trouve ? Quelles sont les manipulations à effectuer sur cette page Galerie ?
Merci de votre aide.

-------------
Cordialement.

Je plane sur mon petit nuage.


Posté par: Hobby001
Posté le: 04 Avr 2020 à 13:42
Vous avez dû installer le bloc de code visuel au mauvais endroit.  Effacez-le pour voir si tout reprend forme.  Sinon vous avez une autre manipulation.

Prenez l'habitude de toujours faire un back-up avant de modifier votre projet.

Onglet Projet, Bouton Autre, Bouton Sauvegarde




-------------
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: ptitga
Posté le: 05 Avr 2020 à 11:33
Bonjour,

Merci pour vos conseils précieux.
J'ai modifié comme indiqué et cela va mieux.
Lorsque je clique sur le menu galerie, le slide monte mais non centré et affiche l'image qui disparait à chaque changement d'image. Les boutons de navigation n'apparaissent pas non plus.
Comment résoudre ces problèmes ?
Merci de votre aide.

-------------
Cordialement.

Je plane sur mon petit nuage.


Posté par: Hobby001
Posté le: 05 Avr 2020 à 11:45
Affichez un lien vers votre site pour que l'on puisse voir.

-------------
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: ptitga
Posté le: 05 Avr 2020 à 14:13
Voici un lien de mon site pour test.
Merci.

-------------
Cordialement.

Je plane sur mon petit nuage.


Posté par: brolysan
Posté le: 05 Avr 2020 à 14:13
quel lien? Wink

-------------
https://sensode.com" rel="nofollow - Sensode
https://www.creads.fr/blog/graphiste-freelance2/parole-de-brolysan-45-ans-graphiste" rel="nofollow - Biographie


Posté par: ptitga
Posté le: 05 Avr 2020 à 14:53
Pardon ! j'ai oublié de mettre le lien :
https://nasptitga.myqnapcloud.com:8085/TEST01/


-------------
Cordialement.

Je plane sur mon petit nuage.


Posté par: ptitga
Posté le: 05 Avr 2020 à 15:53
Voici un autre lien (site non responsive) qui montre ce que je voudrais dans le projet (responsive) TEST01.

https://nasptitga.myqnapcloud.com:8085/PROJET01/

MERCI

-------------
Cordialement.

Je plane sur mon petit nuage.


Posté par: Hobby001
Posté le: 05 Avr 2020 à 16:30
C'est peut-être dû aux différentes copies/versions de jQuery essayez en enlevant la ligne suivante de votre bloc de code html

<script type="text/javascript" src="engine1/jquery.js"></script>


-------------
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: ptitga
Posté le: 05 Avr 2020 à 17:38
Il y a du mieux ! Mais le diaporama ne défile pas et les boutons de navigation n'apparaissent pas au passage de la souris.

-------------
Cordialement.

Je plane sur mon petit nuage.


Posté par: Hobby001
Posté le: 05 Avr 2020 à 20:40
Ma conclusion n'est pas bonne pour vous.

Puisque dans l'exemple à partir d'un projet vierge le script fonctionne bien, le souci ne vient pas de OpenElement en lui-même.  Le souci vient de L'un ou plusieurs des éléments utilisés sur le modèle.

Puisqu'aucune alarme n'est visible mais que le script en arrache, je ne vois pas comment je peux résoudre ça.




-------------
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: Hobby001
Posté le: 05 Avr 2020 à 20:45
Mettez votre wowslider sur une autre page et renvoyez les visiteurs via un lien



-------------
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: ptitga
Posté le: 05 Avr 2020 à 22:24
Bonsoir,

J'ai réussi à obtenir le résultat, mais en modifiant manuellement le fichier index.htm créé par OE. Voir le site d'essai :

   https://nasptitga.myqnapcloud.com:8085/TEST01/

Pour avoir les boutons à la bonne hauteur, j'ai modifié le fichier style.css dans engine1 créé par WowSlider.

Ceci montre qu'il manque une manière de faire dans OE pour obtenir ce résultat.
    MAIS QUOI ???

Si,après ces modifications,j'ouvre à nouveau le projet dans OE, je perds tout !!! ???

Merci beaucoup pour votre aide.


-------------
Cordialement.

Je plane sur mon petit nuage.


Posté par: Hobby001
Posté le: 05 Avr 2020 à 23:44
J'ai peut-être une solution, envoyez-moi les fichiers suivants par wetransfer.com:

wowslider.html
wowslider-howto.html

Je vous envoie le email par mp




-------------
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: Hobby001
Posté le: 05 Avr 2020 à 23:48
Envoyez-moi les dossiers engine1 et data1 aussi

-------------
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: ptitga
Posté le: 06 Avr 2020 à 07:45
Bonjour,

Je n'ai pas reçu votre message privé pour me permettre de vous envoyer les fichiers.

E.Mail : ptitga31@laposte.net

Merci

-------------
Cordialement.

Je plane sur mon petit nuage.


Posté par: Hobby001
Posté le: 06 Avr 2020 à 13:00

mlpnf0105.laposte.net a rejeté votre message vers les adresses de courrier suivantes :

mailto:ptitga31@laposte.net" rel="nofollow - ptitga31@laposte.net (ptitga31@laposte.net)
Nous n’avons pas pu remettre votre courrier, car le système de courrier de destination a rejeté votre courrier pour des raisons de sécurité ou de stratégie. Par exemple, il est possible que l’adresse de courrier n’accepte que les courriers de certains expéditeurs, ou n’accepte pas certains types de courriers, tels que ceux dont la taille est supérieure à une valeur donnée.

Contactez le destinataire (par exemple, par téléphone) et tentez d’identifier avec lui et son administrateur de courrier la stratégie ou le paramètre ayant bloqué votre courrier et ce que vous devez faire pour empêcher le rejet des prochains courriers.

Pour plus d’informations, voir https://nam10.safelinks.protection.outlook.com/?url=https%3A%2F%2Fgo.microsoft.com%2Ffwlink%2F%3FLinkId%3D389365&data=02%7C01%7C%7C36cc7c0a25754ac6fcc708d7da1980a1%7C84df9e7fe9f640afb435aaaaaaaaaaaa%7C1%7C0%7C637217675368783072&sdata=bO%2Fs46iu3SH21ooGSp51ZUIhQQXwhrQPDU6VY3AnQcY%3D&reserved=0" rel="nofollow - Code d’état 5.7.1 .

 

mlpnf0105.laposte.net a généré cette erreur :
Service refuse. Veuillez essayer plus tard. service refused, please try later. LPN007_510






Informations de diagnostic pour les administrateurs :

Serveur de génération : MW2NAM10HT219.mail.protection.outlook.com

mailto:ptitga31@laposte.net" rel="nofollow - ptitga31@laposte.net
mlpnf0105.laposte.net
Remote Server returned '550 5.7.1 Service refuse. Veuillez essayer plus tard. service refused, please try later. LPN007_510'



-------------
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: ptitga
Posté le: 06 Avr 2020 à 21:14
Bonsoir,

Je vous ai transmis les fichiers demandés par WeTransfer.
J'attends de vos nouvelles suite à vos recherches.
Merci encore.
Cordialement.

-------------
Cordialement.

Je plane sur mon petit nuage.


Posté par: Hobby001
Posté le: 07 Avr 2020 à 01:15
Je vais regarder ça selon mes disponibilités

-------------
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: Hobby001
Posté le: 07 Avr 2020 à 13:59
C'est définitivement un conflit avec un des nombreux éléments utilisés sur la page d'accueil du site.

Il vous faut créer une nouvelle page et y installer wowslider.

Liez-y le calque Base-Menu

Modifiez le menu pour pointer sur la nouvelle page


-------------
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: ptitga
Posté le: 07 Avr 2020 à 18:15
Bonsoir,

Merci pour vos conseils. J'ai réussi en mettant mon wowslider sur une autre page avec un lien vers celle-ci.
Merci pour tout et Joyeuses Pâques à vous.
Vous pouvez passer le sujet en résolu.


-------------
Cordialement.

Je plane sur mon petit nuage.



Imprimer la Page | Fermez la fenêtre

Forum Software by Web Wiz Forums® version 12.04 - http://www.webwizforums.com
Copyright ©2001-2021 Web Wiz Ltd. - https://www.webwiz.net