Parallaxe widget/html

[ghinzur]

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.

[FredVig]

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   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)

[ghinzur]

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

Un grand merci pour votre aide !

[Contenu sponsorisé]