Fullscreen Video » Slider Revolution Responsive WordPress Plugin. Google Traduction. FlexSlider 2. Concevoir un portfolio responsive avec filtre via Isotope.js sous WordPress. Un thème premium qui se respecte comporte des modèles de pages de type portfolio, très utile pour mettre en valeur vos créations artistiques notamment. La plupart d’entre eux sont dotés d’un système de filtre basé sur les termes d’une taxonomie spécialement créée pour l’occasion et le redimensionnement de la fenêtre réajuste automatiquement les éléments avec une transition en CSS3. Ce tutoriel va vous apprendre comment mettre en place un tel système sous WordPress et sans avoir recours à un plugin. Avant-propos Ce tutoriel est réservé à des utilisateurs avertis.
Elle requiert de multiples connaissances de base en termes d’intégration, de développement Web et plus. Résultat final / démonstration Une démonstration est disponible sur mon site Neticpro et une variante sur le site de ddesign. Les sites ayant subi une refonte, seules les captures d’écran ci-dessous illustrent le propos. Étape n°1 – Création du custom post type ‘Portfolio’ Étape n°2 – Création de la taxonomie personnalisée ‘Type’ <?
Fancybox - Fancy jQuery lightbox alternative. Tutoriels jQuery. Prinzhorn/skrollr - Parallax scrolling. Fancy jQuery lightbox alternative| How to use. 1. First, make sure you are using valid DOCTYPE This is required for FancyBox to look and function correctly. 2. Include necessary JS files Loading jQuery from CDN (Content Delivery Network) is recommended Optional - Add transitions as jQuery by default supports only "swing" and "linear" Optional - Enable "mouse-wheel" to navigate throught gallery items 3. Don`t forget to change background image paths if CSS file is not in the same directory. Also, check src paths for AlphaImageLoader as they are relative to the HTML document, while regular CSS background images are relative to the CSS document (read more). 4.
Images Inline content <a id="inline" href="#data">This shows content of element who has id="data"</a><div style="display:none"><div id="data">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Iframe <a href=" Ajax <a href=" takes content using ajax</a> Optional - Use the title attribute for anchors if you want to show a caption 5. jQuery Smooth Touch Scroll - the smooth touch scrolling jQuery plugin - Thomas Kahn.