Communauté francophone - Jimdo
Bienvenue sur le nouveau forum de discussion officiel de la communauté francophone des utilisateurs de Jimdo.

Ce forum annule et remplace le précédent forum Jimdo, qui a malheureusement dû être fermé pour raisons techniques.

Vous avez un ou plusieurs sites Jimdo ? Enregistrez vous sur le forum, posez vos questions et prenez part aux discussions !

Vous êtes simple visiteur ? Vous pouvez consulter nos pages, mais vous ne pourrez pas laisser de message.

Parallaxe widget/html

Voir le sujet précédent Voir le sujet suivant Aller en bas

Parallaxe widget/html

Message par ghinzur le Jeu 17 Nov 2016 - 21:01

Bonsoir,

Je suis asse fan de l'effet parallaxe qui est sympa pour representer mon activité pro, mais je n'y connais pas grand chose en code.
J'ai donc cherché sur la toile si il y avait possibilité de trouver du code à insérer dans un widget/html.

J'ai trouvé ce-ci qui fonctionne très bien...

Code:
<div style="display: block!important;margin-left: -1000px;margin-right: -1000px;">
        <div style=
        "background-image: url(http://www.meduana.fr/app/download/9921424998/panodev.jpg?t=1423782118); background-size: cover; background-attachment: fixed; background-position: center; width: 100%!important; max-width: 100%; margin: 25px 0;height:500px;">
      
    </div>
</div>

Mais j'aimerais pousser un peu plus loin et avoir un effet dans ce style-ci
http://www.alsacreations.com/xmedia/tuto/exemples/parallaxe/etape3/

Donc une superposition d'images.

Pouvez-vous m'aider svp?

D'avance merci.
avatar
ghinzur

Messages : 8
Date d'inscription : 10/11/2016
Age : 41

http://www.mv-3d-design.com/

Revenir en haut Aller en bas

Re: Parallaxe widget/html

Message par FredVig le Ven 18 Nov 2016 - 11:14

Nous sommes plusieurs a avoir tenté ces effets, et à avoir laissé tomber…
le tuto que vous citez est assez ancien. Les scripts ne sont plus trop d'actualité et risquent de donner des résultats imprévisibles selon les navigateurs. La compatibilité mobile sera particulièrement hypothétique.
Actuellement, il faut rechercher des effets parallaxe utilisant uniquement les CSS (pas de script javascript) qui seront davantage efficaces.
Jimdo génère beaucoup de modules imbriqués, et il est donc assez complexe de cibler les images à piloter.
Votre "widget qui fonctionne bien", c'est le tuto de Jimdo  Wink N'oubliez pas  de citer vos sources :
effet de parrallaxe dans jimdo

Vous pouvez consulter mon exploration en cours sur cette page : One page et effet parallaxe dans Jimdo (atelier en cours)

_________________
Sauf indication contraire, les codes de ce forum sont valables pour UN site précis, à une date précise. Essayez-les, mais essayez surtout de comprendre comment ils fonctionnent.
Je suis 'Expert' Jimdo affilié, bénévole du forum et indépendant rémunéré par mes clients.
Si vous avez apprécié mon aide, aidez en retour !
Acupuncture Bordeaux - Tailam (école Arts Martiaux) - MTC Tours - Maison des arts martiaux Tours L'étape à pâtes (Restaurant) Association Bohaires de Gasconha
avatar
FredVig

Messages : 1855
Date d'inscription : 07/10/2014

http://fredvig.com

Revenir en haut Aller en bas

Re: Parallaxe widget/html

Message par ghinzur le Lun 21 Nov 2016 - 20:02

Effectivement, ça ne passe bien en responsive !
C'est noté! Je citerai mes sources la prochaine fois! Wink

Un grand merci pour votre aide !
avatar
ghinzur

Messages : 8
Date d'inscription : 10/11/2016
Age : 41

http://www.mv-3d-design.com/

Revenir en haut Aller en bas

Re: Parallaxe widget/html

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum