Sélection de Slideshow et Carrousels - Ressources & Outils Cet article a 2 années. Il commence à dater, lisez-le donc en gardant son âge en tête ! Merci publié le Lu 56 420 fois. Ayant récemment eu besoin de parcourir les ressources du web à la recherche d’une solution de slideshow simple et personnalisable, j’ai rencontré quelques bonnes choses. Essayons de classer ces ressources, mais ça ne sera pas toujours facile. Slideshow simple Basic Slider Plugin de jQuery – Gratuit Basic Slider est un plugin robuste permettant d’insérer dans chaque slide un contenu varié : image, texte, image légendée, vidéo, code HTML riche, etc. Voir les démonstrations Doc et téléchargement SlidesJS Plugin de jQuery – Gratuit SlidesJS est un plugin au design simple et élégant. Voir une démonstration Doc et téléchargement WOW Slider Plugin de jQuery – Gratuit (non-commercial), Payant (commercial, à partir de $69) Voir les démonstrations Téléchargement Slideshow responsive FlexSlider Voir la démonstration Le télécharger BlueBerry Voir la démonstration Le télécharger Swipe JS Skitter
Best jQuery plugins for awesome parallax scrolling and custom scrollbars scroll-up-bar The scroll up bar is a jQuery plugin that hides the top bar when scrolling down, and show it when scrolling up. It’s specially useful on mobile interfaces to save some precious space. Created by Eduardo DownloadHomeExample View more → jQuery One Page Navigation Plugin | Trevor Davis Sep 26, 2010 When appropriate, I am a fan of the one-page sites. I really like the ones that add smooth scrolling and highlight the navigation depending upon which part of the page you have scrolled to. Here are a few examples: Brizk Design and Crush + Lovely. I wanted the page to scroll smoothly when the navigation was clicked, so I used the jQuery ScrollTo plugin. If you want to skip ahead, you can check out the demo and download the plugin from GitHub. The Markup I started with an unordered list for the navigation and a bunch of sections: <ul id="nav"><li class="current"><a href="#section-1">Section 1</a></li><li><a href="#section-2">Section 2</a></li><li"><a href="#section-3">Section 3</a></li></ul><div id="section-1"><strong>Section 1</strong><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. The JavaScript Then, I added jQuery, the ScrollTo plugin, and my plugin to the page: Options And that’s it.
RAY - App Landing Page So, what is the secret of successful template design? First of all, it is its friendliness – both for the template’s owner and for his or her future targeted audience. UX and UI are not just empty phrases for us. It is very important for us that the user could understand correctly the message your project’s trying to say to him or her. But, correct giving of the information is just a half of success. Emotions that causes your project in visitor are no less important ticket to success. DateTimePicker - XDSoft plugins, scripts, program, parsers Use this plugin to unobtrusively add a datetimepicker, datepicker or timepicker dropdown to your forms. It's easy to customize options. Source code on GitHub or download (zip). DateTimepicker Use mask DateTimepicker TimePicker DatePicker Inline DateTimePicker Dark theme How do I use it? First include to page css and js files Examples Simple init DateTimePicker Example # javaScript jQuery('#datetimepicker').datetimepicker(); Result i18n DatePicker Example # All supported languages here Only TimePicker Example # Date Time Picker start date # Date Time Picker from unixtime # Inline DateTimePicker Example # Icon trigger # Click the icon next to the input field to show the datetimepicker and handler onclick event jQuery('#image_button').click(function(){ jQuery('#datetimepicker4').datetimepicker('show'); //support hide,show and destroy command }); allowTimes options TimePicker Example # handler onChangeDateTime Example # minDate and maxDate Example # Use mask input Example # Set options runtime DateTimePicker #