Brief Talk: Image Sliders

Just about every website I’ve seen has an image slider. While there is nothing wrong with implementing one in a CMS, I just think there important factors to keep in mind. In this article, I will be covering why image sliders are important, there add-ons, there purpose, and don’ts of using an image slider. There are a ton of image slider APIs out there to help a developer with the process. I will be using WordPress as a content management system, and information and links to slider plugins.

Why Use an Image Slider?

Now you’re probably wondering why not use a gallery? Well yes and no. Yes if you are just showing images on a separate webpage. No if you want to provide a look and feel to your webpage, and by that I mean, sliding images on a homepage provides emotion. For example, if you are creating a website for a non-profit, an image slider can be helpful for showing the mission of the non-profit. This would apply to any organization or company. Image sliders would provide a unique feature to a webpage.

What the best plugins, add-ons, APIs and so on?

Alright, I have pretty much covered little why image sliders are important. Now let’s talk about the many image sliders available in the WordPress plugin directory.

The first one I will cover is a simple WordPress plugin called Slider. The plugin is simple to integrate into your theme. Once you’ve activated the theme you can then began adding images and descriptions. There are editing options and naviation settings avaliable if you want to change color and styles.

slider

https://wordpress.org/plugins/slider-image/

Next one is called bxSldier. This probably one of my favorite image sliders. One reason would be the fact it’s responsive. Since responsive design is popular why not have a simple responsive jQuery slider. The author provided examples and tutorials on how to implement the code to your theme. If you are using a content management systems like me, you would create an external PHP file for the slider to be used on only one page.

bxslider

http://bxslider.com/

Wow slider is another favorite and popular image slider. There are a ton of examples and tutorials for non-developers. The website provides hundreds of slider examples for like slider effects, style and more. I would recommend developers and non-developers to use this image slider over any other because of the simplicity and array of options.

wowslider

http://wowslider.com/

Last but not least (because there hundreds of sliders) Responsive Slide jQuery plugin. This is a great plugin that is simple for non-developers to use for any responsive design and theme. The plugin has light code, plenty of options for customizing the controls and more. I probably call this plugin the easiest to use for a theme or static. If you are using a content management system, like I stated before be sure to create an external PHP file for the slider.

ResponsiveSlides

 http://responsiveslides.com/

I’ve pretty much covered some of the available sliders and why they are important. Now let’s talk about the don’ts of using image sliders. I will only have 2 don’ts, but they are important.

Do not have image slider without controls. If there is an image that I really like or missed I would like to be able to go back and look.

Related images. Be sure to add images that relate to the content of the page! I have seen this on a few sites, where the images do not relate to the message.

Alright! This was just a brief talk about images sliders. I just wanted to discuss why image sliders are important, some that are available and the don’ts of image sliders. I would suggest implementing one into your design, just make sure the images relate and have controls for viewers.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s