SlideItMoo WordPress Plugin

SlideItMoo WordPress Plugin

Thursday, June 3rd, 2010 in Mootools, PHP, Wordpress

Wordpress SlideItMoo plugin SlideItMoo plugin for WordPress implements the MooTools plugin having the same name into an easy to use plugin that allows you to set image galleries into your posts and pages with only a few clicks. The JavaScript source can be found here with various examples and implementation instructions.

If you know SlideItMoo, you know that it can be used in various ways ( as banner rotator, image slider, featured content presentation etc. ) but this WordPress plugin only implements the image slider functionality for the horizontal slider. As for features, it allows displaying as many image sliders as needed into a post or page, each having its own properties and images. Also, you can call the plugin from your template files by passing it only 2 arrays, one containing the slider settings and one containing the images ids. Everything is kept as simple as possible to allow you to easily define sliders into your posts.

Additionally to SlideItMoo, the plugin also uses Slimbox, a very well written Lightbox script for MooTools 1.2.

Installation

To install this plugin, simply download the source files and copy the whole wp_slideitmoo folder into your WordPress installation plugins folder. After doing that, activate the plugin and then visit Settings->SlideItMoo Settings to set up some default values.

Usage

There are 2 ways of using this plugin. First one is from WordPress admin, when adding or editing a post or page. After activating the plugin, the text editor will display a new icon above it.

Wordpress SlideItMoo edit icon

When that icon is clicked, it will display a modal page that allows to set up a new slider to display within that post or page. There are 2 things to set up: the slider properties and the images to display.
Slider properties are:

  • number of visible items,
  • number of elements that will slide at once,
  • auto slide delay in milliseconds
  • and forward-back links display.

Wordpress SlideItMoo slider properties

After defining the slider properties it’s time to put some images into the slider. To do that, click the Add Images tab and a list of images containing all entries from the Media LIbrary will be displayed. Check the images you want the slider to display and hit Done. Depending on whether you use the visual or html editor, you will notice a code being inserted into your post/page.

Example code:

<!--[SlideItMoo itemsVisible='3' showControls='1' images='639,638,637,636,635']-->

It’s best if, when inserting a new slider, the editor is switched to HTML instead of visual so changes can be visible.

Second way of using this plugin is by doing it manually directly into the template files where you need it displayed. To do that, you will need to insert a piece of code similar to the one below:

<?php 
	if( function_exists( 'wp_slideitmoo' ) ){
		$params = array(
			'itemsVisible'=>2,
			'elemsSlide'=>1,
			'showControls'=>1,
			'autoSlide'=>3000
		);
		$images = array(639,638,637,636,635,634,633,632,631,630);
		echo wp_slideitmoo($params, $images);
	}	
?>

As you can see, there are 2 arrays that need to be passed to wp_slideitmoo(). First one, $params, contains the slider settings and $images contains the image ids from your wp database.

Demo & download

sign_512 sign_512
search_512 search_512
rss2_512 rss2_512
news_512 news_512
mail_512 mail_512
home_512 home_512
comment_512 comment_512
calendar_512 calendar_512
ads_512 ads_512
address_512 address_512

Was this useful? Show your support.

digg SlideItMoo WordPress Plugin

17 comments

  1. eckhard says:

    i am using the latest version of wordPress and have just installed SlideItMoo (which looks awesome by the way) but am getting the following errors:

    Notice: Undefined index: single_only on line 70;
    Notice: has_cap was called with an argument that is deprecated since version 2.0! Usage of user levels by plugins and themes is deprecated. Use roles and capabilities instead. on line 3387

    please help!

  2. Mani says:

    Hey,

    is it possible to integrate SlideItMoo 1.1 – improved image slider in Joomla 1.6?

    Do you have a tutorial?

    Many greetings from germany

    mani

  3. Soniya says:

    I was tried to integreate this plugin in wordpress. but this scrool is not working. give me any solution pls.

  4. laurie says:

    Hi, I like the look of slideitmoo. I’ve installed the plugin and set settings but when i click on slideitmoo in a page I get a 404 error. Any ideas?

  5. Le says:

    Hi Constantin,

    I installed the WP slideitmoo plugin along with the slimbox v1.2 to go with it. I can see both of these folders in the WP plugins folder on the server. However, these 2 folders are not visible in WP admin plugin list.

    I cleared the cache after uploading the 2 folders. Could you tell me why? I have the the latest WP installation 3.3.1 on my server.

  6. Le says:

    Hi Constantin,

    I love your Slideitmoo plugin and I’ve downloaded the WordPress version and activated it in the plugins list. I also downloaded Slimbox 1.71a for MooTools 1.2.5 and added it to the WordPress plugins folder but I wonder if that’s the correct folder for the Slimbox files.

    I have 2 issues I’d like your help with. The good news is that the slider is displaying on denisejacksonmusic.com.

    1. The slider parameters on the site are not displaying as in your example above. The parameters I have are
    ‘itemsVisible’=>2,
    ‘elemsSlide’=1,
    ‘showControls’=>1,
    ‘autoSlide’=>3000

    However, as you can see on the site, all 4 items are displaying. I want only 2 items displaying in the horizontal slider. Could you help me fix this problem?

    2. The Slimbox 1.71a for MooTools 1.2.5 is not working at all. As stated, I installed the files in the plugins folder. I read the ReadMe file but there weren’t any instructions about adding code to the header.php or other file.

    FYI: I am using http://wordpress.org/extend/plugins/file-gallery/ on the Photos page and I was able to get the photo gallery to work with the jquery lightbox at http://wordpress.org/extend/plugins/jquery-lightbox-for-native-galleries/.

    Thanks in advance :)

  7. Le says:

    I’ve asked you a question but you’ve been so unresponsive to me and you delete my posts. I prefer your slider over AnythingSlider because it’s more customizable and seo friendly but you won’t work with me. I wanted to get the FeaturedSlider Pro from you when I have the $200 but I guess that’s not possible either.

  8. Le says:

    Any help?

    • Nothing got deleted, they weren’t approved yet that’s why you probably didn’t see the comments.
      As for installing the plugin, you don’t need to add anything to it, it contains a working copy of slimbox and it should do the job. You shouldn’t have to add/remove any files within the plugin.
      Manual placement using the example from readme file also works in WP 3.3.1 and displays the number of items set in function params.
      I admit this plugin really needs a serious update with script written for jQuery and better options. This one is the next on the list but it will take some time to get it done.

Leave a comment