Top 10 Nice And Simple Slideshow In HTML Examples
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. slider (1%), slider with caption (4%), slider with slideshow (~4%)
360+ slideshow effects/transitions
Jssor slider comes with 360+ impressive slideshow effects/transitions
All UI is fully under control by html + css code. User can add any html code to each slide, and user can customize ‘navigator’, ‘thumbnail navigator’ to any format. Use any html/css code to customize thumbnail to anyformat
Multiple sliders in one page
Any html code can be placed inside slide
Composite move, fade, clip, zoom and rotation in one transition is allowed
HTML caption with animation (390+ caption transitions)
Auto slideshow with optional pause on hover
SEO friendly, any html code can be added to each slide, all are exposed directly to jQuery image transition
2. WOW Slider
The most strong and popular web design trend over last couple of years is a sliding horizontal panels also known as Sliders or Carousels. Image slider is a very effective method to increase the web site usability and engage the user.
WOW Slider is a responsive jQuery image slider with amazing visual effects and tons of professionally made templates. NO Coding - WOW Slider is packed with a point-and-click wizard to create fantastic sliders in a matter of seconds without coding and image editing. Wordpress slider plugin and Joomla slider module are available.
Also, you can share your slider on Facebook.
3. jSprouts
jSprout can handle also custom HTML contents, videos, flash and even Google Maps, very useful for mini-sites, vCard sites, personal sites or portfolio sites.Slider with fade in / fade out effect
Any content type: images, HTML, flash, video, maps
1 new feature (auto play/slideshow)
The lightbox can display images, iframe (html pages) and videos loaded from YouTube or Vimeo. Horizontal Gridfolio Pro can be used in any type of HTML page including Wordpress, at this link there is a demo page running in Wordpress (Please note that this is NOT a Wordpress plugin!, the grid must be installed manually with free banner rotator HTML code and the images uploaded with a ftp client, we have inclulded a tutorial about how to install it in Wordpress.Drag or Scroll Function: The grid can be dragged with the mouse/finger or scrolled like a regular HTML page.“More thumbs feature”: this is an awesome feature which improves the overall performance and speed of loading because in this way not all the thumbnails are loaded and displayed at once. For example if you have a total of 120 thumbnails you can show them in sets of 50 thumbnails, and so initially in the grid the first set of 50 thumbnails are loaded and displayed, and when the “More thumbs” button is pressed the next set of 50 thumbnails are loaded and displayed, and finally when the “More thumbs” button is pressed again the 20 remaining thumbnails are showed. The lightbox can display images, iframe (html pages) or videos loaded from YouTube or Vimeo.Iframe support: The lightbox can display HTML pages, all you have to do is to include the link of your page that you want to display. The size (width and height) of each iframe (html page) can be set easily.Zoom and panning support for images: The images can be zoomed in and out or paned, this way you can see the image in great detail (optional).Slideshow button (optional). Slideshow autoplay.Slideshow delay: The slideshow delay can be set in seconds.Slideshow custom animated graphics.
CSS3 technology - this gallery uses cutting-edge css3 definitions to render awesome 3D effects in supporting browsers, the others will degrade gracefully
SEO friendly – built with search engine optimization on mind from the ground up, the Testimonial Rotator uses non hidden valid html markup to build the widget
slideshow mode – display images in a slideshow
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)
You can link to another page when you click in a thumbnail
IE was showing fat images in the lightbox and now is fix
Fixed a small console errors and also a small bug when you click to fast the next button in the lightbox
Strapslide is the ultimate premium Bootstrap Slider Plugin offering the capability to show images, videos, html markup and captions paired with simple, modern and fancy 3D transitions. It’s responsive, easy to use, safe, works in all modern browsers, gets constant updates, has great customer support, offers plenty of features and grants complete user control.Slideshow Design
Turn any features ON and OFF and use callbacks to control what happens when your slide comes in and goes out.
The best part about this slider is you can add whatever content you want to the slides! You can add custom, complex html, iframes, videos, audio, etc.Background Image Slideshow
Easy 360° Product Viewer it’s a a rich-feature and unique tool with a fully responsive layout which allows to display a large number of images from different angles of a 2D or free CSS menus offering control over the layout in the way that pleases you most, allowing the user to rotate, pan or zoom the images. Additionally it has an awesome feature called deep zooming, when the image is zoomed it can be viewed in great detail by loading a more detailed version of the image this way allowing the usage of free high resolution images without compression. Tons of options (check them out in our live preview). Deep zooming, when the image is zoomed it can be viewed in great detail by loading a more detailed version of the image this way allowing the usage of high resolution images without compression (optional feature). Zoom in/out buttons plus scrollbar. Slideshow button for play or pause automatic rotation of the object. Hyperlink button for creating a hyperlink in the menu. Info window button for showing a detailed custom made window which supports unlimited html content. Built in tool for finding the correct position of the marker / hotspot on an image . Customizable slideshow rotation speed.psd files included (check them out in our live previews). Examples files for each skin and display type included, this way the html can be copy and pasted into your html page!. Many others features, all of them are explained in details in the documentation files.
Fully responsive 3D carousel that allows to display media or checkbox HTML form with an unique and original layout. Packed with tone of options allowing you to control the layout of your 3D carousel in the way that pleases you the most. Support for old browsers like IE7 and IE8, on older browser that don’t support CSS3 the carousel will be displayed in 2D mode. Support for images and HTML content. Royal 3D Carousel can be used in any type of HTML page including Wordpress, at this link there is a demo page running in Wordpress (Please note that this is NOT a Wordpress plugin!, the carousel must be installed manually with banner rotator HTML code download and the content uploaded with a ftp client, we have included a tutorial about how to install it in Wordpress).