17 Beautiful And Inspiring Basic HTML Slideshow Solutions
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 jQuery page slider 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 background image slideshow 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. 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.Slideshow button (optional). Slideshow autoplay.Slideshow delay: The slideshow delay can be set in seconds.Slideshow custom animated graphics.
2. WOW Slider
WOW Slider is a fantastic responsive image slider with
killer animations and tons of professionally made templates. NO Coding - WOW Slider is packed with a drag-n-drop wizard to create beautiful slideshows in a matter of seconds without coding and image editing. Wordpress plugin and Joomla module are available.
Also, you can share your slider on Facebook.
It offers several embedded pins which offer special functionality, as well as the ability to import your own pins with the basic functionality.- Insert whatever inside the content part, including HTML tags
4. Metro Modal
The modals are draggable, has controls to Maximize, Close and Restores, basic fadeIn/fadeOut animation for old browsers that has no support for css3 animations. Support iFrames and custom HTML code
Support multiple color background with animations, works with HTML horizontal menu pallet.
The Basic Use
You can find a demo of the Basic Use here: http://cre84.html
html
html
html
html
html
html
html
html
html
html#MapOptions
html#place_search_requests
Plugin requires proper structure for the HTML used, and it supports adding all sorts of extra data that can be displayed inside the tooltip.Basic: shows just an image with no extra styling
The basic installation video
Fully responsive Mobile optimized Touch enabled Literally unlimited transitions Animated Layers More than 30 options Per-slide options Easy installation jQuery tooltip HTML content Easily themeable 12 prebuilt themes Well documented More than 40 preset transitions Public api Images preloader Multiple sliders on one page
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.Slideshow Design
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
Any html code can be placed inside slide
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
Customizing the menu require some basic knowledge of CSS and you can change the look of every part of the menu : the fonts, the colors, the sizes, etc. For each version of the menu, responsive and non-responsive, you have 6 HTML files with various examples of what you can do with the menu, from a simple navigation bar without drop downs to a combination of 2 mega menus on a same page.
11. jSliderPro
In fact, unlike other similar components that implement a limited set of atomic transitions, jSliderPro separates some basic concepts.Support for captions and other HTML elements in slides.Could use standard HTML tags or <div> to specify contents.
) via CSS or HTML or easy slider jQuery plugin option which gives you Unlimited Layout Possibilites. Put the JS and CSS links in the head/footer of your HTML site and build an unsorted list of items and insert your HTML.jQuery-only Basic Version: Showbiz Business Carousel jQuery Plugin
Customizable 100% via Plugin Parameters / CSS / HTML
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)
Note: I can help you implement this plugin in a classic HTML website but I do not provide tutorials and do not have knowledge of implementing this plugin into wordpress, magento etc.JS fallback – Accordion keeps basic functionality even with disabled JS
Animated elements – Use additional attributes to fade any HTML element or animate change of its position inside a slide
Custom HTML content – You can use any HTML elements inside every slide
Custom themes – You can create your own accordions with a little knowledge of HTML and CSS
Custom preloader – You can use any HTML element or even multiple elements as preloader
Control buttons – You can use one or multiple HTML elements as prev/next button(s) to control one accordion or even multiple accordions.
cleaned html pages, settings and other javascript code moved into separate files
Restyle the whole player with basic CSS!
HTML markup
Load any type of playlist through xml or html markup
Restyle the player completely with the most basic of CSS
Load playlist (from folder, from html, from xml, Podcast, SoundCloud)
JQuery AutoSlide Image Gallery Slideshow with Music
JQuery Stack Banner Slideshow with Captions
Fully responsive 3D carousel that allows to display media or HTML slider jQuery with an unique and original layout. Support for images and HTML content. Royal 3D Carousel can be used in any type of popup HTML page jQuery 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 photo slideshow code and the content uploaded with a ftp client, we have included a tutorial about how to install it in Wordpress).
It can also be turned into a slideshow so that your viewer can see your work without having to do nothing.js files ( both minified and uncompressed for developers ), css files, demo html file, demo images
the setup is pretty basic, by including a script in your ‘head’ tag of the html
More than one slideshow can be on the same page
The Simple Javascript XML Slideshow (SJXS) allows you to easily create truly dynamic slideshows using javascript and an xml file. No need for a ton of html, just let javascript and xml do the work for you. Also, I’ve added a simple to use Slideshow Generator that will allow you to create all the code you need for your slideshow: required files, javascript, xml, html and even the basic css. This will allow you to quickly create a slideshow with exactly the features you want.Slideshow Generator
More than one slideshow can be on the same page
If you are familiar with my previous flash based basic slideshow this is the html spin-off of that file. It’s super basic, but that is the purpose of that product. (2) Also updated the xml file to prepare for allowing html.Notice: Javscript required for this slideshow. This slideshow does not currently degrade because of it’s use of xml to power the slideshow.