Zia3 CSS Fullscreen Background Slideshow

Description

A fullscreen background slideshow plugin based on Serkan Azmi’s Zia3 Background Slideshow Plugin. You can see a working demo at http://plugins.zia3.com/

What Can This Plugin Do?

You can use it to

  • Create a fullscreen slideshow
  • Create a fullscreen background (single slide)
  • Specify slide text for each slide that will be animated.
  • 4 different types of slide animation and transitions.
  • Full CSS usage on your website, no extra javascript files required.(less overhead to load your website)
  • Cross browser compatibility
  • Responsive design (will work on any device and screen size)
  • You can specify a slider visible slider title and link along with your website slogan and link.
  • It does use the new media uploader and you can drag and drop your images to rearrange them which is kind of cool.

This plugin does one thing and one thing only, to keep it small yet fully functional.

About the Shortcode:

There are 15 parameters total that you can use with this shortcode. The ID being the only one that’s absolutely required.

List of parameters:

  • id
  • fade
  • delay
  • overlay
  • type
  • arrows
  • autoplay
  • poster
  • random
  • title
  • link
  • slogan
  • slogan_link
  • link_color
  • slogan_link_color

    [zia3 id=”333″ fade=”2500″ delay =”4500″ overlay=”http://mydomain.com/urloftheimage/” type=”1-4″ arrows=”yes” autoplay=”yes” poster=”yes” random=”yes” title=”My Title” title_link=”http://mydomain.com/” slogan=”My Slogan” slogan_link=”http://mydomain.com/” link_color=”255,255,255″ slogan_link_color=”255,255,255″]

NOTE FOR THEME DEVELOPERS: This plugin makes use of both wp_head() and wp_footer() so if your theme is missing either you may experience issues using this plugin.

Screenshots

  • Demonstration 1
  • Demonstration 2
  • Backend Example
  • Shortcode Generator

Installation

Installation

  1. Upload the plugin zip file to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Use the shortcode [zia3 id=”xxx”]
  4. Customize the slideshow using the parameters explained in screenshot #4

Using the Shortcode

After you’ve added images to your slideshow or changed any attributes to your slideshow and generated a shortcode you just need to copy the shortcode and paste it into the content of any page or post you want the slideshow to show up on.
Each slide will use the images title on the page. Please change the title to reflect what you want displayed on the slide or leave it blank to display no text on the image.
If you want it to show up on every page you’ll have to add some code to the header.php file in your theme.
See the codex’s do_shortcode article for more information on the matter.

See screenshot #3 for a description of the shortcode parameters.

Reviews

Read all 2 reviews

Contributors & Developers

“Zia3 CSS Fullscreen Background Slideshow” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

1.2 Added persistence to generate shortcode which populated the previous values entered when editing a slideshow.
Changed View slideshows to All slideshows to follow WP conventions.
Bug fixes.

1.1 Added link and slogan color support.

Versions 1.1

  • 1.1 Link Color Support
  • 1.0 Initial Release