Skip to content

Latest commit

 

History

History
 
 

vegas-fullscreen-background-slider

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
Modified slider to allow the background to be put as a background in any element in the page
Contributor: Spyros Gasteratos (morfeas3000@gmail.com)


=== Vegas Slider ===
Contributors: jamesdbruner
Donate link: http://www.jamesdbruner.com
Tags: fullscreen slider, background slider, vegas
Requires at least: 3.0
Tested up to: 3.5
Stable tag: 1.3
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

A fullscreen background slideshow plugin

== Description ==

A fullscreen background slideshow plugin based on Jay Salvat's <a href="http://vegas.jaysalvat.com/">Vegas Background jQuery Plugin</a>

You can see a working demo at <a href="http://demo.jamesdbruner.com/">http://demo.jamesdbruner.com/</a>

Now there are a couple different parameters you can use.  Here's a list of ALL of them:

id  --  the id of the specific vegas slider you want to pull from

fade  --  the amount of fade you want between two images in milliseconds

delay  --  the amount of delay you want between two images in milliseconds

overlay  --  ...an overlay over your images

title  --  uses the title you designated in the admin area when you're creating the vegas slide

arrows  --  adds supersized arrows on the left and right sides of your images to designated next/previous


Keep in mind that you MUST have an id and that the shortcode is generated for you when you create a new vegas slide with the id you'll need.

Here's an example of a shortcode that you would put into the specific page you want the slider to show up on:

 [vegasslider id="565" fade="1500" delay ="4500" overlay="http://mydomain.com/urloftheimage/" title="yes" arrows="yes"]


If you want just one slider to appear on all pages you just need to follow these steps:


First go to Appearance -> Editor and from there navigate to the header.php template on the right hand side.

You'll see some code that looks similar to this:

`
<?php
/**
 * The template for displaying front page pages.
 *
 */
?>
<?php get_header(); ?>
`
NOTE: It must be added after wp_head() call. Otherwise, it will not work.


Immediately after that put this code (you'll have to edit to be your shortcode within the quotation marks):

`
<?php echo do_shortcode( '[vegasslider id="5" delay="4500" fade="1500" overlay="http://demo.jamesdbruner.com/wp-content/uploads/2012/12/az_subtle.png"]' ) ?>
`

Save the file and you should be done.




Still need help figuring this part out? We've solved this before, so just check here: http://wordpress.org/support/topic/vegas-slider-doesnt-work  

== Installation ==

1. Upload `vegas-slider.zip` to the `/wp-content/plugins/` directory
2. Activate the plugin through the 'Plugins' menu in WordPress
3. Use the shortcode [vegasslider id="This id is generated when you create a new slide" fade="however much you want in miliseconds" overlay="url of a pattern"]



== Frequently asked questions ==



== Screenshots ==

1. Frontend
2.

== Changelog ==



== Upgrade notice ==