Enoncé de l’exercice: Intégrer en HTML / CSS et ajouter le jQuery pour qu’au clic sur une vignette, sa version agrandie s’ouvre dans une popup, centrée par rapport à la fenêtre. Le reste de la fenêtre se retrouve en partie masquée par une opacité. Au clic sur le picto de fermeture de la popup, celle-ci […]
Je reprend ici l’excellent tutoriel de Geoffrey Crofte sur la possibilité de créer un slider continu avec très peu de jquery. Voici le code: See the Pen jEawPW by yuyazz (@yuyazz) on CodePen. Pour les explications, je reprends celles très claires de Geoffrey. « La partie qui suit permet de définir une action qui va se répéter à […]
Par menu ‘shrinked‘, j’entends les menus qui se rétractent au scroll. Le principe ici est d’utiliser jquery, pour qu’au delà d’une certaine limite au scroll, une nouvelle classe s’ajoute au menu.On part d’une certaine hauteur, ou d’un certain padding de base pour notre menu, et la nouvelle classe injectée par jquery et définie dans le […]
Il existe deux façons principales d’insérer un lien ou un bouton de retour vers le haut sur son site wordpress. En ajoutant un lien, version html, puis en ajoutant du css et du js : On aura besoin d’une image pour notre bouton On insère donc un lien tout ce qu’il y a de plus […]
Suite à la consultation d’une vidéo de graphykart, je partage ici un lien bien utile pour ceux qui ne veulent pas optimiser leur site pour internet explorer. Ce site nous délivre un bout de code à intégrer dans sa page web, pour qu’un internaute utilisant IE soit prévenu et invité à updater son navigateur. Browser […]
Voici un exemple simple d’utilisation de la fonction jquery « clone() ». Cette fonction sert notamment dans certains types de formulaires, pour dupliquer des champs. See the Pen yyJVEN by yuyazz (@yuyazz) on CodePen.
Voici un mini plugin jquery largement à améliorer, mais qui fonctionne . Il faut bien sur régler les dimensions et les transitions en fonction de vos besoins. See the Pen raLWdL by yuyazz (@yuyazz) on CodePen. Ce petit plugin peut facilement être adaptable à du wordpress, en incluant simplement le thumbnail à la place des […]
Le plugin jquery carouFredsel est vraiment sympa et rapide à mettre en place. Les difficultés surviennent quand on veut afficher plusieurs carousel sur la même page, notamment avec les boutons next et prev, c’est la que les bugs apparaissent : au clic sur l’une des flèches, c’est le carousel d’en dessous qui se met à bouger..Etc…bref L’astuce pour […]
Sur wordpress, on a la possibilité d’annuler le clic sur les images via le backoffice (lors de l’édition d’un article ou une page), en mettant « link to « –>none. Mais pour une raison ou pour une autre, on peut vouloir maintenir le clic actif sur les images en mode Desktop, notamment si on a des plugins qui […]
See the Pen pvbEax by yuyazz (@yuyazz) on CodePen. Le rendu est un peu crado mais appliquez le dans votre éditeur habituel pour un meilleur résultat . Les image logo sont bien entendu prises au hasard pour l’exemple.. Pour un entretien, j’ai du réaliser une page qui comporte des effets d’animation.J’utilise bootstrap pour structurer […]