En Javascript + CSS

Il est possible de fabriquer un slider interactif à partir de contenus jimdo. Cela nécessite une connaissance moyenne en html, css, javascript et quelques jours de recherches.

J'avais réalisé celui-ci (lien) pour l'entreprise d'un maître d'oeuvre
Les différents modules texte et image sont disposés verticalement. Leur design est un peu modifié en CSS (angle, transparence…). Une capacité à changer d'attribut de façon progressive (dynamique) leur est conféré grâce à "transition".  La position du contenant principal est "relative" et ses contenus en "Absolute".  Contenus : chaque "diapo" est constituée de trois éléments texte et image. La position des diapos varie en changeant leur class : Des class de position sont déclarées dans le CSS ; Le javascript surveille le clic sur les éléments, et change la class des éléments en conséquence.

Interactivité secondaire : la position des accroches change lorsque on passe dessus. Le but est de s'adapter au fenêtres les plus petites tout en offrant une navigation originale. (javascript + CSS). Adaptabilité : le contenant principal est dimensionné en javascript selon la largeur de fenêtre. Les contenus sont en width:inherit. Tout est accessible via le code source, pour eu que l'on a les connaissances requises, mais il vaut mieux faire son propre code.


Lecture sur les mobiles : le javascript pouvant être désactivé, un design adapté est prévu, avec une navigation verticale.

Il n'est pas simple de déplacer ce type de slider d'un site à un autre. Le code est relatif à une page précise d'un site précis. L'image ci-dessous n'est qu'une illustration fixe. Pour voir le slider, cliquez sur l'image.