When you have installed and activated the vSlider in your admin panel, you will see "vSlider" in your admin panel.

1. To add a new vSlider to your page click on "vSlider" from the drop down.You will see a table of all
vSliders you have it on your site.To add a fresh vSlider, enter the name of the vSlider in the text box
and click on "Add new vSlider".

2. To edit any vSlider, select "vSlider" from the drop down and click on "Edit" button.
(It will open the default vSlider if you select on "Edit vSlider" you can refer to above tutorials for more information).

3. Now to use vSlider in different ways please follow the following methods:

vSlider Shortcode Usage

Use the following shortcode in your posts/pages

[ vslider name="abc" ] where abc is the name of the vSlider you have created in your vSlider admin panel. (remove the space between [ and v in the reference, keep a spance between vslider and name.)

vSlider Widget Usage
Go to WordPress Admin panel, you will find a preinstalled widget named vSlider. Select and Drag the Widget to the respective sidebar and select the name of the vSlider you want to show in the sidebar.

vSlider Function Usage
In case you want to use vslider as a function in your theme, just use

<?php if(function_exists('vslider')) { vslider('abc'); } ?>

Where abc is the name of the vSlider you want to show at the function location.

This covers up the vSlider documentation, do refer to vSlider forums and documentation given in vSlider Faq's in the plugin.

The final step to customize you vSlider is adding your images to the slider.

Image Source
1. Image Source : There are choices for image source in vSlider, either Custom url i.e the web url of an already uploaded image on the internet or via post Category i.e fetching images from posts.

2. Open image links in new window: Since each image in vSlider can be linked to a different page called an "image link", check this option if you want to open the image link in the new window.

3. Category: If you have selected the category option in Image source then Select the category for which you want to display images in the slider.

4. Grab Post Image: Once you have selected the "Category" option in "Image source" then in category posts which image you want the vSlider to show. If you want to show "Featured" images which are separately attached to every post or you want to pick the "First image" in each post inside the category.

6. Slides:This option lets you set the number of slides you want to display in your vSlider.

7. Display post excerpt : If you want to display Title and Description beneath each post image then check this option and enter the number of characters you want to be displayed in post excerpt on every slide.

8. Random Image Sequence: Randomize image sequence and display images randomly from the list, whether it is from post category or using custom images.

Custom Images
1. Image URL: Enter the image URL i.e. the location of the image.

2. Image links to: This refers to the location which is being pointed when the user clicks on the image.

3. Heading text: The Title text.

4. Description text: The description of the of the image(if added).

In next tutorial we will cover how to use vSlider in your posts, theme for sidebars.

This tutorial will help you customize "More vSlider Settings", after you have successfully installed vSlider and checked general settings.

On the vSlider Edit page, click on (+/-) to expand or collapse the option panel.

More vSlider Settings

1. Image Button Style: Select the image buttons from more than five styles from the drop down. Image buttons are icons beneath the slider which help in notifying the current image in the slider and the number of images present in the slider.

2. Vertical Buttons: Check this option if you want the image buttons to appear vertically instead of horizontally.

3. Navigation Button Style: Customize navigation buttons by selecting from three style options.

4. Image buttons placement: You can customize the placement of the image buttons according to your requirement by giving values for "TOPpx RIGHTpx BOTTOMpx LEFTpx". This is just like defining margin, you can even give negative values in case you want the image buttons to appear above the slider.

5. Enable Auto-Resizing: Check this option if you want your image to get re-sized according to you vSlider. With this option checked you would not require your images to resize instead they will automatically resize and get chached for faster loading.

6. Image Quality: This value gives you an option to degrade the quality of your images for faster loading. This feature only works when Auto-resizing of images is enabled.

7. Slide Layout: The slide here refers to the title and description. You can place this on any side of the vSlider onto the left, right, top or bottom. See the "?" for more information.

8. Container Margin: Every vSlider is placed in a container and this feature works like a simple css margin to place and adjust vSlider. The description below the field describes how to insert the values for example: 10px 20px 30px 40px (TOPpx RIGHTpx BOTTOMpx LEFTpx) means vSlider would adjust 10ox form top, 20px from right, 30px from bottom an 40px from left.

9. Container Float: This is again a simple CSS fundamental, if you want your vSlider to float left or right of the content automatically without using margins too much then this is feature is helpful.

Next tutorial describes on how to add images to vSlider.

In this tutorial we will discuss on  "How to customize  vSlider?"

Once you have installed vSlider you will see a vSlider menu at the bottom of your WordPress dashboard menu on the right, with a green colored "v" icon. To start with the customization click on the "vSlider" tab in the drop down of vSlider and click on "Edit" to open the vSlider settings page.

In this tutorial we will cover the "General settings" of vSlider, following are the details explanation of parts in the General settings in Edit vSlider :

1. Image Width and Height : This option helps you to give the width and height (in pixels) of the vSlider and the images
in it. This option gives a fixed width and height to the vSlider.

2. Squares per width per height : In vSlider squares appear in the image transitions i.e. when one slide changes to the other slide as shown in the vSlider below. This feature gives you an option on how fine you want the image transitions to be. Indirectly giving an option to customize the square width as well as height

3. Delay between images (in ms) : Delay tells you for how much time(in milliseconds) you want to display each slide or image.

4. Delay between squares(in ms): Delay between squares tells you the time (in milliseconds) between the one square transition to the other. Keep in mind that Delay between squares should always be less than delay between images for a proper image transition effect.

5. Opacity of title and navigation: Opacity lets you change the opacity of the title/ description(if added) on each slide and the navigation buttons.

6. Speed of title appearance(in ms): The speed of title appearance determines how fast the title/description appears on slide after the slide or image loads in the vSlider.

7. Effect : Effect refers to the image transition between the images or slides. The effects can be Random, Swirl, Rain, Fade, Curtain, Alternate Curtain, Winding, Alternate Winding or Diagonal.By default it is the combined transition of all the effects. To see how a particular effects work, hover your cursor over the question mark "?". For more information you can also refer to this tutorial  "how to create your own  image transition effect in vSlider WordPress plugin".

8. Show navigation buttons : vSlider gives you the option to show or hide your navigation buttons. If you want to show buttons select "Yes" else vice versa.

9. Sticky navigation buttons: You have the option to hide or show the navigation buttons.If you select "yes", the navigation buttons will be visible permanently whereas if you select "No", the navigation buttons will only be visible when the user hovers over/near the slider.

10. Show images as links :If you want that the images should link to some other page select "Yes". Option for adding the link is provided in the "Custom Images" on the right hand side.

11. Show image buttons : Image buttons appear when you select "Yes".The number of images buttons are equal to the number of images in the slider as shown in the slider above(the three round buttons at the bottom of the slider).

12. Pause on mouse hover: This option allows you to pause the image when the user hovers over the image.Select "Yes" to pause.

13. Border width/ height : The function allows you to add border to your slider.This option lets you change the order height and width.

14. Border Color: Select the border color from unlimited colors according to your vSlider requirements.

15. Font Family : Select the font of the title and description.

16. Title Font size : Select the font size of the title appearing in the slider.

17. Text font size: This option lets you select the font size of the description appearing below the title in your vSlider.

18. Text color : You can also select the text color of the title and the description in the slider.

19. Background color : This function gives you the option to change the background color of the title as well as description.

After any general setting has been changed, remember to save the settings by clicking on "Save Settings" option.

Next tutorial covers "How to customize more vSlider Settings".

Follow the given steps to install a WordPress plugin :

1. Download the plugin file (abc.zip) and save it on your desktop.
2. Log into your WP admin panel and click on the “Plugins” tab. Click on the “Add New” tab.
3. Click on the “Upload” button, “Browse” for your zip folder you downloaded to your computer and select “Open”.
4. Click the “Install Now” button.
5. Activate the plugin from this page, OR “Return to Plugins Installer”.
6. The other method to activate the plugin is go to "Installed Plugins".Look for the plugin and select "Activate".

If you have any issues installing the wordpress plugin, please visit our forum for support.

In this tutorial we will learn how to create your own image transition effect in vSlider. For this tutorial you can pick up any vSlider, either a developer version or the normal version.

To start with we need to understand the concept of "Queue" or "FIFO" i.e First in First out, the as description suggests the first element to go inside a pipe is the first element to come outside the pipe. For more information refer Wiki.

Each slide in vSlider comprises of various small boxes which display a part of image. Now these boxes undergo a fade transition effect which runs in a sequence. The sequence in which these boxes appear is a FIFO.

Watch Video on How to create your own vSlider Image transition effect:

This content is for members only.

This is the first tutorial in the free section and we want to share some thoughts before we get on to the tutorial. We have created this Free section to promote, share and build the VibeThemes community, so we invite all our users to participate and share your thoughts on these tutorials.
Starting off, lately we have seen that vSlider has only been known as an image slider plugin however we have always tried to keep it and promote it as a content slider. vSlider has is a flexible plugin with many possibilities, one such is Content Slider.
This tutorial tries to show how vSlider can be edited to create a content slider. We have made some changes to the developer version for this tutorial. The edited version of vSlider for this tutorial can be downloaded from this link:

This content is for members only.

For those who don't know, TimThumb is a simple, flexible, PHP script that resizes images and is used with WordPress themes & plugins.

We have used this script in vSlider to resize images.

The new version vSlider4.1.1 has the updated Timthumb and successfully resolves the security issues.

The following issues have been resolved in the new version vSlider4.1.1:
1. Updated Timthumb.
2. [New Feature] Randomize image sequence.
3. Resolved fade delay issue.
4. Resolved deletion of sliders on deactivation via separate un-installation.
5. Resolved image dot below image buttons.

Please update/switch to the new version of vSlider to avoid security breach from the earlier version of Timthumb.

Download vSlider4.1.1

To check whether your site has been affected by the timthumb, please check this

link : PHP Remote view hack- SiteCheck

More details about timthumb security breach at this link

In case you have any issues or need any help you can log a support request at Support Forum.

How to remove missing argument 1 for vslider() ?

Since vSlider 4.0 is a big improvement over our previous slider vSlider 3.0 series. Instead of using

<?php

if(function_exists('vslider') {vslider();}

?>

you have to use

<?php

if(function_exists('vslider') {

vslider('abc');

}

?>

where abc is the name of the vslider you have created in the vSlider Admin Panel.

This issue has occurred due to a fundamental change in vSlider working, thereby enabling multiple sliders on the same page.

Why images aren't loading in vSlider?

Check permission setting for the cache folder in Plugins->vslider it should be set to 755

or

Turn off Auto resizing in vSlider Admin panel

More commig soon

Hope this helps!

I am looking for someone who can build a jQuery plugin similar to SmoothGallery (see a demo here). This plugin should be based on jQuery because WordPress use jQuery as core JavaScript library and conflicts should be avoided. Any idea is welcomed, i do not want a jQuery version of the SmoothGallery.

The code should be as light as possible. Please have in mind that a slow loading page might bring the visitor to leave the page. The plugin should work fine in all major browsers (starting from IE6) as well.

What's in it for me?

There will be only the good feeling that you are giving back something to the community and off course the credits. No payment will be given for this as i do not charge for many of my work. My opinion is that offering professionally products for free give you the chance to build a "brand" for yourself and will pay of later. If you share the same opinion your welcome to join me and help make this plugin better.

Should be written as WordPress plugin?

No, it should be a jQuery plugin and the rest will do it my self. This is where i consider my self an expert, so do not worry about that.

If someone is interested feel free to contact me.