vSlider is a jQuery based image slide show script that can display specific images on your WordPress based website with fading or sliding transitions. This way you can future the more important pages or products from your website or even other websites. How is different vSlider from any other WordPress image slider plugins? The answer is simple! It makes use of the core WordPress jQuery library, this makes it very tiny, about 20 kb, and you don’t have to have any knowledge of coding for using it! But the best part is just to come! It can use images from your posts using custom fields or scanning for images in the post to feature your latest posts from a specific category (for example a featured category), this way with every new post the slider will automatically update it self, so NO extra work for you. Or you can add your own images and where each image links to. vSlider is tested in different browsers and all settings are made from an easy to use options page. Do I mention that is free?
You can set up:
- How many latest posts to rotate.
- Up to 1o custom images and links.
- Slider width and height.
- Animation Speed.
- Transition mode (fade and slide).
- Customize CSS to integrate it better in your WordPress theme.
Installation:
- Unzip vSlider zip archive and upload it to wp-content/plugins/ folder
- Activate vSlider WordPress plugin
- Go to vSlider Setup options page from your WordPress dashboard and customize the image slider as you wish.
- PHP implementation: Go to Appearance – Editor from your WordPress dashboard and edit your current WordPress theme. Copy this code <?php if (function_exists(‘vSlider’)) { vSlider(); }?> outside of the loop in your theme to where you want the slider to appear (More details about how to insert the code here.).
- Short code implementation: Video demonstration on the plugin options menu.
- Widget implementation: Video demonstration on the plugin options menu.
Usage:
- Set the slider with and height, the animation type, speed, number of post to feature and the featured category from the vSlider options menu.
- Set up custom CSS code for vSlider (for advanced users) from vSlider options menu.
- Add the path to the images and where to link if you want to use custom images.
The vSlider WordPress plugin will scan the posts from the selected category and will show the first image found on the post. The image will be resized as you selected from the slider menu. If the image does not fit well from your post to the slider, simply edit your post, go to custom fields and add a new custom field named “slider” and as value add the path to the image you want to appear in the slider. In this case vSlider will pick the image added in the custom field.
Demo:
On the first page of this site.
Download the vSlider WordPress Plugin
vSlider Options Page
Credits:
Based on jQuery innerfade plugin.
Is it possible to have the vslider not resize my image to fit the width and height?
Is it possible to use vSlider with forward/back buttons?
this plugin is awesome! exactly what i’ve been looking for. one slight problem though.
i want the slideshow to appear below the text in the content of the page. i set it up that way on the HTML tab of the page editor (see code below), but for some reason, the slideshow appears above the text. why is that?
`text goes here
[vslider]`
Hi, I’ve managed to get the vSlider working on one website, but on other sites that use other plugins nothing is displayed at all.
Other plugins installed ate NextGEN Gallery and FLV Gallery
How can i get the vSlider to work alongside these plugins?
regards
Drew
Hi,
Is there a way to remove the white border around v-slider? Right now it shows a white left and top border against my black background.
Thanks!
Dennis
Hey Stefan,
Thanks for making this plugin. I am having a bit of a perplexing issue however.
My site: http://www.lineinaudio.com
I have 4 custom images/links defined, set to display randomly in the header – this part works as it should. The problem is that occasionally the first of the custom images displays for a split-second before the first randomized image, after which it all works properly. It happens about 50% of the time in FF3 and 75% of the time in Safari. Click around via the navigation and watch the slider to catch it.
I don’t have any other front-end plugins in use except Contact form 7, though deactivating this doesn’t make a difference. Latest WP and Theme (“Blend”) builds. Minimal custom CSS.
Any hints or help would be greatly appreciated.
I´m with some problem about IE7 and 6.
In IE 6 and 7 the images is showed with half size
is there any hack or automatic message to IE6 and 7 users?
Thanks for the WordPress plugin. I’m trying to use it on main page of my vacation rental site, but I can’t get it centered and it seems to insert a bullet point before the photos. Any ideas on how to fix? http://www.christileen.com/
Thanks in advance for any help.
I’m curious if there is a way to add a next and previous button to the image slider.
Thanks,
Chase
Thanks for the great plugin. I made a few modifications and was wondering if somebody could help me out.
problem – I have multiple instances of the plugin displayed on a single page, and there is a problem with IE7, the only images that changes is the first instance of the slider, and the next instance of the slider seem to stay static with the same images that they started on. Can anyone help me?
Is there a way to make the links for custom images open in a new window?
Hi Stefan
Added vSlider as a test and it is showing a blank. Any suggestions on what to look for.
Paul
Me being doh!
Jusy need to change the margin and get a bigger image
I am having a conflict with the vSlider and the drop down navigation on my WordPress theme. Once I install vSlider, the top navigation drop downs do not work. Is there a fix or workaround for that?
Thanks.
I really love this plugin. Works great but (yes there is always a but) is there any way to put little arrows on it so that readers won’t have to sit and wait for the previous slide to roll around again?
Is it possible to have different vslider setup every page?
I mean image1, image2, image3 will appear on home page then image4, image5, image6 will appear on about us page?
Thanks.
Working fine on 2.9.2 with custom image.
Is it possible the image to slide in from right to left? And image number links below in a line?
Amazing plugin. This is what I’m looking for! Thanks!!!!!!!!!!!!! xD
Vslider is a good plugin for wordpress. And it support for WordPress 3.0.
I installed it for my blog. And it’s good on firefox and opera, but it’s not show on IE8.
How can I fix it??
Thanks
Love this plugin. Using it on my band’s website:
http://www.findingcore.com. Absolutely no issues whatsoever!
Just wondering, is there any way of customizing the animation/transition style, or than fade or slide?
Love it though.
Cheers
Mine is active and showing only the default slider images
I have installed and configured it in index.php and it’s working fine BUT .. . in IE6 when it’s in Fade mode, it display only the first image and then disapear, Someone may know why ?
If it’s Slide, in all browser it working .
I had an issue with the slider however I think I probably solved it, I am not sure which one did it but here is a step by step as to what I did before it worked for me once more.
Issue: Activated plugin and used the custom images, however when I pasted the php code on my header.php file and viewed my site only the first image appeared and did not rotate to the second image.
Steps I took to solve issue:
1. I deactivated all my plugin – and still did not work
2. made sure the wp-head came right before the and after all the scripts. still did not work
3. I added the jquery UI link from google ajax. still did not work.
4. I cleared my cache and refreshed and the slider started working.
If anyone can clear this up for me it will greatly be appreaciated! =D
Hope this helps someone out there.
thankssss
I love this plugin and am using it on my site. Check it out here: http://wizardinternetsolutions.com/
I hope the author reads this.
I am a developer myself and would like your help to add the following features.
Create more than one vslider.
Some aditional options for transition effects.
A random pattern with pre determined 1st slide
If your interested email me.
WOW, amazing bro
Great plugin!! Is there a way to only install the plugin so it loads on the home page of the site only? I don’t need the script loaded on every page of the site. Thanks for any input!
Is it possible create a folder and use all the images that are in there,o that you don’t need the path for every single image?
I have tried to implement your plugin, but I am not great with code and I can’t figure out what page to edit in my theme much less where to put it. I have not found any page with “loop” in it. I am using a premium theme called Standard. (http://standardtheme.com/). I want to implement a least two slider photo areas on my site. One would be rotating a picture in the header and the other would be featuring my latest posts. I think your plugin sounds like a good solution for doing this if I could just figure out how to use it. Would you help me?
Also, the images for your articles or posts are broken for me. I use Safari on a Mac (I have tried Chrome too with the same results). The demo of Slider is also broken.
Thanks.
How can i center the slider on a page? Thanks.
thanks, I’ll try for my website.
It´s really great. But is there a way to make it work for multilingual purpose? On the home page (studiopress / enterprise theme) I want to show post pictures linking to the articles.
I tried it out with WMPL – it only works with the standard language – but in the translated homepage the area is empty. Can anyone help me? Thanks a lot in advance!
Love vSlider! Using it as a header and looks awesome with Firefox, Safari, Chrome – but IE8 makes a garbled mess. Why can’t Microsoft learn to play well with others???
an you help, I seem to be getting his error message whenever I try and access the admin pane:
Fatal error: Cannot use object of type WP_Error as array in /var/www/vhosts/*siteaddress-removed**/httpdocs/wp-content/plugins/vslider/vslider.php on line 386
Using the shortcode method I, as it seems others are, end up with a static image, no matter how many other images get added to the slide show. I have also disabled other image related plugins, no help.
Should that be fixable, I can think of one quite fantastic upgrade;
Some sort of in-plugin cropping, referencing a posts already uploaded image. If fully manual control over cropping is difficult, I think at least a (scale to fit SS width, and use top, middle, or bottom of post image) would be helpful.