Coin Slider 4 WordPress

May 3rd, 2010 | WordPress | 208 Comments

Coin Slider 4 WP will show your featured posts as image slider and rotate them using unique effects provided by jQuery’s Coin Slider.

coin-slider-4-wp

Implementation is very easy, after you download and activate this plugin, just paste one line of code in your template and Coin Slider 4 WP is ready to use.

Demo pagesee how it works Downloadtry it for yourself

Follow next steps to set this plugin:

1. Upload coin-slider-4-wp folder to the `/wp-content/plugins/` directory
2. Activate the plugin through the ‘Plugins’ menu in WordPress
3. Put <?php include (ABSPATH . ‘/wp-content/plugins/coin-slider-4-wp/coinslider.php’); ?> in your template
4. For each post that you want to be featured you must have custom field (csImage by default) with full url to image and optionaly field (csText by default) with text for title bar.

On options page you can change default parameters:

Width: in pixels, 565 by default
Height: in pixels, 290 by default
Number of Squares per Width: Coin Slider use square based animations. 7 by default
Number of Squares per Height: 5 by default
Be careful, if you set large number of squares animation may not be smooth
Slide Display Duration: in miliseconds, 5000 by default
Slide Transition Effects: there are three types: random, swirl and rain. All of those effect you can see here
Hide Navigation: check this if you don’t need prev/next buttons and navigation squares below slider
Image field: set custom field for image that should be used in gallery. By default you can use csImage field, but if you want you can change that. This is useful if you already use some gallery plugin and you want to change to Coin Slider 4 WP
Text Field: this field is optional. Content for this field will be displayed in gallery title bar bellow title. By default name of this field is csText but you can change if you want to use some other field

If you prefer Joomla instead WordPress you should try Coin Slider for Joomla created by Daniel Pardons.

Comments [ 208 Comments ]

Sean
July 23, 2010

It works great, love the plugin! But i cant get it to validate without the “alt” attribute. Is there a way to add this?
Mike
July 23, 2010

Hey! Great plugin. Works great, except for one thing. I used to have five featured posts in the slideshow. They all had the csImage custom field. However, now that I’ve started adding posts, each post I add, deletes one of the featured images.

I used to have five posts in the slideshow. When I added a new post though, it made it so there are only 4 posts, and when I made another new post, it made it so there are only 3, etc. I’m not sure why this is occurring, and I have no idea how to fix it.
Lazarevic Ivan
July 25, 2010

@Mike
That’s strange. Thanks for reporting, I’ll check that.
golgoth
July 27, 2010

As for the bug signaled by arcadio21, at the URL http://www.rpgitalia.net/recensioni/ you can see that coin slider is blank. If i manually change the date of the article http://www.rpgitalia.net/recensioni/news/dragon-age/disponibile-la-patch-1-04/ to the 26th or 27th of July (maybe it only shows this week posts?), which has the csImage and csText fields, the post appears correctly.
Krzyho
July 28, 2010

Hello Ivan!
Fantastic Plugin, works great in my Portfolio site, but I have question, it is possible that navigation squares at the bottom slider change to images? like this exepmple : http://kbdesign.bdl.pl/wp-content/uploads/2010/07/example.jpg ?

pls help..thx!

Regards.
Krzysztof.
Lazarevic Ivan
July 28, 2010

@golgoth
I assume that it’s the same problem as Mike reported. I’ll check that.

@Krzyho
Yes, it can be done. Every button have id and all buttons have same class, so you can use that to style them.
charlescuellar
July 31, 2010

hola amigos
como poner imagenes en el slider, como debo seleccionar la imagen para mostrarla en el slider.
no entiendo lo del (csImage) como lo debo poner????

gracias
golgoth
August 6, 2010

Any news about the news disappearing after a new week has started?

Thanks
rinfelc
August 14, 2010

Hello,

I really like this plugins.

I ahve used it in my wp-ecommerce site, but the problem is once i enabled this slideshow plugins, the thickbox for thumbnail image of my products didnt work.

my website: ofmansports.com
test product: basketball–>Adult tops

please help

regards
Enes
August 15, 2010

I like it, this is one of the greatest slider plugins I’ve ever seen however your demonstration page caused my FF 3.6.8 to eat almost 100% of the CPU continously although I didn’t open more tabs. Any ideas or experiment?
Marc
August 31, 2010

Hey all,

I just started working with WordPress and came upon this plugin.

Downloaded it, installed it, created the custom fields in the 5 posts I have, filled them but one things i not clear to me.

Could somebody be a bit more clear and specific how to add the code “” in my theme.

Where should I put it? In which file?

Hope to find a answer soon.

Best regards and thanx!
Marc
Lewis Witherow
September 1, 2010

I also would like some help, I just found this plugin and I was wondering if more could be explained about the Custom Fields part?

Thanks,

Lewis
kevin
September 8, 2010

Just tested, seems to work fine although the picture could have been directly taken from the post content.

@Marc, open for exemple index.php in your wordpress theme and paste the php line at step 3, for exemple in wp 3.0.1, after this: . Refresh your home page and you’ll see the slider. Be carefull to change the ‘ sign by a straight one: ‘. Wont work otherwise. If you use Dreamweaver you’ll see the color difference; the path should be redish between the simple quotes ‘(red)’.

@Lewis, after installing the plugin and adding the php line in your theme, you have to write a post with two custom fields. Exemple, write a new one, title, content is optional. Below the content box, in your post page in the wp admin, you’ll see the “Excerpt” box, and below it, the “Custom field” box. There it goes. Write the name ‘csImage’ in the name input, then paste the url of a picture in the ‘content’ input next to it. Hit the add buttom to add this custom field to the post and then publish the whole post. Repeat the same operation with a ‘csText’ custom field to add some text.

cheers
NP
September 12, 2010

Hey there, this is a really great plugin so thanks for taking the time to mod this for WP!

I’m wondering about something though, I have limited knowledge of PHP, not enough to go messing around with it, but any idea how I’d go about automatically pulling the excerpt from the post instead of using a custom field?

If that’s possible is it also so to automatically pull the attached image from the post instead of using a custom field too? For this across the rest of my theme I’ve been using:

dp_attachment_image($post->ID, ‘medium’, ‘alt=”‘ . $post->post_title . ‘”‘);

Any help would be really appreciated! Unlikely to take anyone long!
MrCherry
September 21, 2010

Hi! Sorry if I am not the first one, but I think I’ve found a bug:

No matter what you’ve type into “Number of Posts to Display” field, it won’t show the correct number of slides.

To gain that you should move 34-th line of coinslider.php inside the while cycle.

p.s. sorry, english seems to be funny
MrCherry
September 21, 2010

Ohh, not into cycle(it’s there already). Move that inside the braces of statement above ( if ($image != ”){ } )
Kim
October 6, 2010

Is there a way I can make it center an image that’s smaller than the frame, rather than tile it?
passie
October 7, 2010

I have installed the plugin on to my test website, but I’m unable to see the pictures. I do see the left and right buttons but now pictures ? Any idea ?
Steve
October 11, 2010

I love this plugin so much. Works perfectly on the home page with the latest version of wordpress.

One question: I have 4 categories and I would like each category archive page to have the coin slider. Is there a way I can display everything from that category only in the coin slider. I know about the “show posts from category” but it applies across the entire site.

Hope I can simply add a small call to the PHP line of code… if know what I mean. thanks for any help
Gera Yeremin
October 12, 2010

This may sound silly but I cant for the life of me figure this out.

Currently on my demo site I am using the slider on the side of my page.
http://www.reifhomes.com/demo/

How do I stop the image from repeating so it only shows up once without making it bigger?