Top 17 Beautiful jQuery Header Slideshow Projects
1. JSON Painter
This slider image jQuery plugin will reformat and colorize any valid JSON, and you eyes will be forever gratefull for it
Include the jQuery and the JSON painter script in the <head> tag of your document, like this:
<!-- additional header content -->
jquery.com/jquery. <script type="text/javascript" src="jquery. Note that if you already have jQuery plugin included, you do not need to include it twice.
2. CSS Slider
non jQuery Slider, pure CSS image slider.
Responsive Slider with Pure CSS. Awesome animations and templates. Visual Maker - No scripting!
No more jQuery, No more JavaScript, No more image icons, Hardware-accelerated CSS animations, Icon font for controls, All browsers, Fully responsive, Mobile friendly
Retina-ready, Awesome effects and skins, Full width option, No more coding, Super easy drag-n-drop slider maker
bgStretcher (Background Stretcher) is a range slider jQuery plugin for stretching one or more images proportionally across an entire page or element. When multiple images are supplied, bgStretcher displays them in a configurable slideshow with advanced options. The plugin will work as a slideshow if multiple images are used.Lightweight jQuery Plugin
automatic jQuery slideshow Features
li JQuery JavaScript image slider / banner rotator with many cool features.jQuery Slider Banner Image Rotator for HTML
li jQuery Image Slider / Banner Image Rotator is carefully crafted slider/image rotator, full of features, very easy to install and customize. Whenever you need a full featured slider image rotator or you need a simple ad banner, li jQuery Image slider will do the job with ease!
We pre-loaded li jQuery Slider with total of 104 transitions, so you can open up your imagination and create the most impressive sliders, ads banners and image rotators. li jQuery Slider / Banner Image rotator has native support for skins. To change a skin is even easier, simply change a single CSS link property in the header of your HTML file and you are all set. li jQuery Slider is especially developed to support Ad Banners (small size banner /slider) and with li jQuery it is extremely easy to create an AD BANNER – in no time! Define your images in the HTML and upload your Ad in less then 5 minutes.Although we can’t promise huge free upgrades, we’d love to hear what you think about li jQuery Image Slider/Rotator and some of your suggestions will be implemented in the future versions.
Slider Revolution! Responsive jQuery Plugin The Revolution is here!
All customization can be handled via jQuery Options, HTML 5 data-attributes and CSS!
jQuery 1.JQuery-only Version: Slider Revolution Responsive Wordpress Plugin
Using CSS Animation with FallBack to jQuery
jQuery Conflict free plugin
Feature: jQuery 2.Feature: jQuery 2.Feature: Fullscreen Offset Container (option fullScreenOffsetContainer:”#header”)
the height of fullscreen slider will be decreased with the height of the #header to fit perfect in the screen !)
Feature: Changed Caption Animation from jQuery animation against CSS Animations.Support: jQuery 1.Updated jQuery Transition Plugin to 0.Bug Fix for jQuery slider image
0 and jQuery 1.jQuery 1.72 and jQuery 1.bug fix: jQuery 1.
Say Hi to jQuery Menufication 1. You can also add logos or images to the menu header or inside the menu. Menufication is a user-friendly, customizable jQuery-plugin to transform your sites navigation to a responsive fly-out menu in Facebook fashion. Add your own custom logos to the header or inside the menu.Only dependency is jQuery.* NEW FEATURE: Add logos and images to the menu and header
This is a HTML | CSS | JQuery Grid with a Lightbox, you can specify thumbnails for the grid and when you click on it to open the lightbox it will load the normal image, you can specify the text for the captions and for the lightbox. Lightbox with slideshow (play, pause, auto-play)
Lightspot Slider is a standalone plugin that allows you easy and fast to create and control image slider for your page header.jQuery Driven (requires version 1. Auto slideshow with pause on hover (optional).
jQuery Carousel Evolution is a slider jQuery plugin that allows you to easily create powerfull carousel slider using HTML markup. Great for header sliders.
A vertical slider jQuery help you to display team information or customer testimonial.Auto delay slideshow.slideshow: true,
jQuery OneByOne Slider Plugin:
jQuery http://jquery.
A jQuery plugin slider content help you to display fullscreen images with jQuery auto slider slideshow support. Auto delay slideshow.jQuery OneByOne Slider Plugin:
jQuery http://jquery.
Demo – Slideshow Effects:
Freeze slideshow/caption animation when touch
If slideshow or caption animation is running, it will freeze when touch by finger or mouse down.Continue or rollback slideshow/caption animation when release touch
If slideshow or caption animation is frozen, the animation will continue or rollback when release touch. No-Jquery minimum 15KB javascript code by smart compression. slider (1%), slider with caption (4%), slider with slideshow (~4%)
360+ slideshow effects/transitions
Jssor slider comes with 360+ impressive slideshow effects/transitions
Auto slideshow with optional pause on hover
This menu is the result of a combination of my best works on Codecanyon : I’ve put together a flexible mega menu system that can hold 12 sizes of drop downs, unlimited fly-out elements combined with a banner rotator jQuery script to enhance the whole system.Header and Footer Mega Menus
A jQuery slideshow plugin help you to display quote of the day or customer testimonial with CSS3 transtion support. Auto delay slideshow. Optional mouse over to pause the slideshow.jQuery OneByOne Slider Plugin:
jQuery http://jquery.
To implement such a button yourself would mean calculating where the user currently is on the page, what the next and previous sections are, taking into account items such as a fixed header, catering for the section heights changing on screen resize, etc.
Auto delay slideshow, hover icons and text to pause.jQuery OneByOne Slider Plugin:
jQuery http://jquery.
A light-weight responsive fullscreen image and content slider for jQuery.Background Image Slideshow
Note: Uses the TouchSwipe jQuery library for touch capabilities