Coin Slider 4 WordPress

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.

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.

  • Image gallery with fancy transitions effects (1034)
    I was looking all over the Internet for some jQuery gallery plugin with some interesting transition effects. I found a lot of great plugins but they all have pretty same transition […]
  • Visualize Twitter connections with Twings (3)
    I always find it interesting to see who from people that I’m following on Twitter follows me back and also to see how those people are related with each others. I was looking the best way […]
  • Twitter Flock for Wordpress: multiple accounts tweets with style (69)
    Twitter Flock is Wordpress plugin for showing multiple accounts tweets with different color scheme for every account. Also, there are setting allowing you to control how your tweets will […]
  • JavaScript Art: Triangles (1)
    You can see abstract triangles art everywhere these days. They are on banners, wallpapers, decorative pillows, fliers, tattoos, book covers... Just put a bunch of triangles and some colors […]
  • Use Webcam to Create Animated GIF (1)
    Some time ago I saw some online animated gif creator and thought it could be done in JS instead of Flash. We could easily access webcam from browser with the getUserMedia API. Nice […]

237 comments on "Coin Slider 4 WordPress"

hi, i have the same problemof amibami. i think is the same, at least, couse my coin slider show post only if thaey have “today” da publication date. is that normal?

Arcadio21 on July 21, 2010 at 2:56 am

how to add “exclude=” in coinslider.php?
pls help..thanks

Kim on July 12, 2010 at 12:29 pm

It,s a really nice plugin, in my wordpress it show a number “1” above the image.

Richard Feliciano on July 10, 2010 at 4:15 pm

I guess that exists a conflict between coinslider and lightbox? in my sites coinslider is not working. anyone knows how to ix it? thanks!

marcelo araujo on June 26, 2010 at 9:29 am

I have the same problem like Asela. My slider doesn’t work.
He doesn’t work when I use widgets.

I can’t see the slider, altough I can see the “previous” and “next” button

amibami on June 24, 2010 at 8:05 am

Lightbox and coinslider aren’t working together, i.e. only the latter works.

David on June 21, 2010 at 10:11 am

Are there problems with WP 3.0 ?

I cant get it to work. It doesnt display the slider at all. Maybe a step by step installation video would be nice.

Rico on June 20, 2010 at 4:24 pm

It is possible that navigation controls are above the images? and NO below the images like this now.

If possible, I could say how. please. Thank you.

Alexander on June 16, 2010 at 12:13 pm

Hi,

It says
————————————————————–
Webpage error details

Message: Object doesn’t support this property or method
Line: 27
Char: 399
Code: 0
URI: http://www.avanzsoft.com/demo/IFPL/wp-content/plugins/coin-slider-4-wp/scripts/coin-slider.min.js

—————————————————————
URL http://www.avanzsoft.com/demo/IFPL/

WP Version 2.9.2

Hope you can help me.

Thanks,
Regrads,
Asela.

Asela on June 14, 2010 at 8:49 pm

Hi i cannot manage with this code.Dont know where can i place it “” “” main index template or slidebar ? im trying to place it appearance -> editor-> and then putting where i dont know..Thank You mate it looks awesome..

kadir on June 2, 2010 at 9:46 pm

Thanks for this awesome plugin.
I was wondering if i could display 3 posts beside each other then the 3 posts fade together when i click on next or prev button. Similar to what Techi.com have at the top of their home page.

Cory Smith on May 29, 2010 at 9:02 am

Hi, I was trying to figure out if there’s a way for me to center coin-slider on my homepage. I don’t know how to do it.

Also, all the code that you put up where you plug the images in, do you put that on the page? Or is it placed somewhere else? because that’s where I have all the code at the moment.

Kye on May 28, 2010 at 2:20 pm

Looks great, but I can’t get it to render – just get a bit white space. When I paste the dynamic content gallery code into the same place it renders fine.

Ive deactivated Dynamic content gallery, Lightbox 2, Cumulus – any everything I could imagine may conflict.

My images are the same size as the CS settings, I’m using “csImage” with absolute path…at a bit of a loss 🙁

Using Arthemia theme by the way

Ben Lloyd on May 28, 2010 at 5:06 am

or id like to add a text or image below the slider (previous and next)

http://www.jsabelino.com/compushooter/pre.jpg

julius on May 25, 2010 at 10:33 pm

Ah, after a bit of fooling around, there’s no animation because I used the same image from placehold.it for all my test posts.

I got the animation when I used different coloured images.

Stephen on May 22, 2010 at 12:52 pm

hi there,
i need to slide category links istead of a single post so please help me out

dhananjai on May 22, 2010 at 2:41 am

Leave a Reply

Your email address will not be published. Required fields are marked *