The WP Coda Slider Plugin for WordPress
WP Coda Slider is a plugin that adds Niall Doherty’s jQuery Coda-Slider v2.0 plugin to WordPress using shortcodes. The only change made to the original jQuery plugin was to make it compatible with WordPress’s built in jQuery in no-conflict mode. This means that it wont conflict with other WordPress plugins and doesn’t add unnecessary js files to your site. The js and CSS are only called on pages that contain the plugin shortcode.
Demo
Shortcode in a Shortcode
Gallery
//this is some code
Shortcode
The plugin uses the WordPress Shortcode API to add the slider to posts or pages. Simply add the shortcode and specify the arguments and your slider will be added.
No Conflict
The original jQuery was changed to be compatible in no conflict mode with WordPress’s built in jQuery.
Development Version Now Available
Version 0.2.2.1 Now Available
Due to bugs parsing shortcodes inside of posts called with shortcodes the new development version contains a template tag option for adding the slider to any theme template file.
To add the slider to a template file add the tag
<?php if ( function_exists('c3m_wpcodaslider') ) {
c3m_wpcodaslider('mytagslider', '13', '-1', 'dynamicArrows:false,autoSlide:true,autoSlideStopWhenClicked:true,dynamicTabsAlign:"left",dynamicTabsPosition:"bottom"');
} ?>
Demo of the template tag version with posts containing shortcode.
Documentation
To add the slider to any post or page simply insert the short code in the following format:
- id= argument can be any name and will be used as the css id assigned to the slider
- cat= argument is the category id you would like to pull the post from for the slider
- show= argument is how many posts from the category you want to display
Changing the width
By default the width of the slider is set to 550px. To change the width, open the css file located at /plugins/wp-coda-slider/css/coda-slider-2.0.css and make the change to the following line:
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel {width: 550px;}
Tab Navigation Titles
The tab navigation titles will be the same as the title of the post.
Left and Right Navigation Arrows
The left and right navigation arrows are hidden by default. To change them remove display:none; this line in the css:
.coda-nav-left, .coda-nav-right { float: left;display:none; /*remove display:none; to show left & right arrows*/ }
Please feel free to ask any questions regarding the usage as a comment to this post.
Chris Olbekson
C3M Digital Web Design Solutions
any way to use parents instead of cat?
I plan on adding an options page in the next version.
Hi
Very nice plugin
But I can´t figure out one thing:
How can I change the order of the slides beeing shown ?
Right now, the slider displays the post with the smallest id-number within a category first.
The smaller the post id-number, the older the post is.
What do I have to change, so that the slider displays the freshest post first ?
Regards from Germany
peter
In wpcodaslider.php you can change this line:
$posts = get_posts('post_type=post&order=asc&cat= '. $cat . '&numberposts= ' . $show . '');to this:
$posts = get_posts('post_type=post&order=desc&cat= '. $cat . '&numberposts= ' . $show . '');Is it possible to specify in that string you mentioned the post type. I don’t know exactly, but something like this:
post_type=page&page_id=1,5,3
The code would have to be modified to support the newer query arrays like post type.
Hi,
First,thank you for this awesome plugin.
Second, I’ve tried to change the order of post sorting by modify this section…
$posts = get_posts('post_type=post&order=asc&cat= '. $cat . '&numberposts= ' . $show . ''); to this: $posts = get_posts('post_type=post&order=desc&cat= '. $cat . '&numberposts= ' . $show . '');… but it seems that in actual version this part of the code has changed, because can’t find it.
I need to order it by ‘menu_order’, because the post ordering plugins that I foud need it to do its job.
Any suggestion?
Many thanks,
Adrian
Hello,
We really like this plugin, but is there any way for it to work in widgets. For now, if we insert the shortcode to a widget it displays the full content of each post in vertical order.
Also, if we install the plugin’s shortcode on a post it displays the full content of the post in each tab ? Any way to have use a thumbnail with and a limited character excerpt?
For the current version it will not work in widgets.
I have tested the plugin to work in posts without problem. If you would like to change the way the tabs behave you can set dynamicTabs to false in the shortcode by adding args=dynamicTabs:false to the shortcode. You can use any of the options described on the jquery plugin page: http://www.ndoherty.biz/demos/coda-slider/2.0/ by adding them to args= in the short code.
The next version will contain an option page to set the default args but for now they can all be added to the shortcode.
Hello,
Thanks for the plugin, really easy to use and customizable, i really needed it to work in a widget so i didn’t stop here and i finally found a way to get the slider in a widget, its by installing another plugin that allows shortcodes in text widgets here :
http://wordpress.org/extend/plugins/parse-shortcodes/
just install it, go to your settings page and click on Parse Shortcodes Options and set it to parse shortcodes and hit save.
now create a text widget and give it a title and paste the coda slider shortcode in the body part.
it works for me, remains the tricky part with the css styling and customization.
hope this helps
Regards
I am trying to use this plugin on The Window page of the subject website. I have many articles in the category The-Window and the total width of the navigation ul is 3066px. The only way I can see to change that is to modify these lines 310-316 in coda.slider.js:
// ul.parent().css({ width: navContainerWidth});
switch (settings.dynamicTabsAlign) {
case "center":
// ul.css({ width: ($("li", ul).width() + 2) * panelCount });
break;
case "right":
// ul.css({ float: 'right' });
This change, however, does not provide support for whether to center or right align the navigation items. I do not see any difference when I try to feed different settings either.
Also, when you add the admin page to set the options please do not loose the ability to uniquely specify settings for each instance of the slider. I plan to use the slider on multiple pages and an admin options page implies the settings apply to all instances.
RoyDean,
I would not modify anything in the coda.slider.js file. You should be able to make any modifications you need directly in the coda-slider-2.0.css file. You can see some more examples at: http://www.ndoherty.biz/demos/coda-slider/2.0/ the plugin will accept any of the settings. You would just have to add them to the shortcode using arg= then add any of the settings listed here: http://www.ndoherty.biz/forums/viewtopic.php?f=4&t=2 . If you would like to use the arrows along with or instead of the tabs you can remove the dislplay:none; from line 54 of the css file. Also the recent update just includes a better description on how to use the different settings and when the options page is added it will be for default settings and you will still be able to apply individual settings to each slider.
Tell me how you would like the tabs to appear and I can give some suggestions on changes to make to the css. Please note that any changes to the plugin files you make will be overridden when you update the plugin through the auto update so make sure you keep a back up of your changes. BTW I noticed the church is in Houston which is where I live also.
Thanks for the work. the no-conflict stuff is making it hard to use jquery on WP
Is there any way to display div or image elements instead of posts? (for pages)
I have not started using it yet, but seems like would be nice to have it default for all category.php and display posts for every category instead of manually designating. (sort of a peanut gallery comment from someone that doesn’t know enough php to spell it)
Todd,
Thats a good idea. Might add it as an option in the next version. It is always good to hear how users want to use a plugin.
Hello,
Not sure why but I can’t make it work. here is what I did:
1) I have 3 post in the same category
2) in another post, I typed the following: [wpcodaslider id=Canoe Routes cat=31 show=3 args=autoSlide: true]
All I get is a ? sign in the post where the slider should be.
Am I missing something?
Thanks
@Patrice
Try it without the spaces between the id words:
[wpcodaslider id=CanoeRoutes cat=31 show=3 args=autoSlide:true]@Joel
Not right now but that is a great idea for the next version I am working on.
Hi,
great plugin. Is there anyway to call post featured images? instead of first image from the content? Using wordpress 3.0 featured post image option is great and would love to call this image instead of the default first image?
Any help greatly appreciated.
Joel
Hi
Great plugin. I am currently using Coda Slider on my website but I have been encountering a conflict problem.
The coda slider works perfectly but plugins within the posts aren’t working. The only thing it displays is the shortcode.
Any ideas?
Thanks
Laura
Laura,
What other plugins are not working in the post? Also if you send me a link to the post I can take a look.
Sorry for the delayed response. The plugins that aren’t working are the Availability Calendar, Contact Form 7, NextGEN Gallery, Photo Galleria and Portfolio Slideshow.
Here is a link to show you my problem:
http://www.dawaf.co.uk/surf/?page_id=58#4
The [availability] shortcode is displayed at the end of the text
Thanks in advance for your help
Kind regards
Laura
@Laura,
I really like how you used the plugin. I confirmed the problem with other shortcodes not working on a post included in the slider. I am looking in to it and while try to come up with a solution.
It seems I was wrong in assuming this was a jquery conflict – it appears to be more basic than that, because even wordpress plugins that do not use javascript are failing to appear in the coda-slider tabs.
We are trying to use various wordpress plugins to produce slideshows, calendars etc. These all use the normal WordPress Shortcode eg. [gallery] etc. When these are used on posts, they appear as expected with slide show visible, when viewed as single posts, or on the home page etc. However when they are viewed as tabs in coda-slider, only the shortcode is viewable. This means that instead of seeing the slide show, I just see [gallery] appear as text.
It seems that the PHP code for getting the content of the posts in to codaslider is not processing any shortcodes for additional content in the posts.
Is this correct? Is there a simple way to change the behaviour of the PHP code so that it allows the shortcodes to show the correct content? Or is there an easier way to overcome this problem without having to touch the PHP?
Thanks for your help, it has slowly been driving me mad!
Laura
Laura,
I have confirmed the same problem and I am working on a solution. I hope to have a fix later today. I will keep you updated.
Still no update about this issue ?
Thanks for your plugins,
Kevin-G
I greatly appreciate this plugin but I am also having this same issue. Has this been resolved?
Thank you!
Hey,i used php template tag,but contact form 7 still shows only shortcode. is it working on your site?
Yes it is working with the Gallery shortcode. See the template tag example page. Make sure the template tag is added outside the loop.
Code used for template tag demo:
<?php if ( function_exists('c3m_wpcodaslider') ) { c3m_wpcodaslider('mytagslider', '13', '-1', 'dynamicArrows:false,autoSlide:true,autoSlideStopWhenClicked:true,dynamicTabsAlign:"left",dynamicTabsPosition:"bottom"'); } ?>Hey!
the slider is working now! this is great. Now my only problem is with the browser I use.
On Explorer I get nothing.
On safari, the slider work very well but my menu is sometime like this (not every time):
On firefox, all tabs in the menu are on top of each other like this:
Do you know why they don’t look the same depending on the browser and how I could have all tabs on the same line, on after the other?
Finally, anyreason why it’s not working on EI?
My code in the post is the following:
[wpcodaslider id=arctic-char cat=33 show=6 args= autoSlide:false, dynamicTabs:false, dynamicArrows:true]
Thank you very much!
safari: http://www.aquariumslife.com/temporaire/safari.png
firefox: http://www.aquariumslife.com/temporaire/firefox.png
I’m getting 404 errors on the images.
Oups… sorry lol
http://www.wildwildnorth.ca/safari.gif
http://www.wildwildnorth.ca/firefox.gif
The stacking is because when the tabs overflow the container they move to next line. You can give yourself more space by changing line 45 in the css to:
.coda-nav ul { clear:both: display:inline; margin:0; }Also to note is that line 46 in the css .coda-nav ul li could inherit other style from your theme.
@Patrice If you set dynamicArrows:true you will have to remove the display: none; from this line in the css file:
.coda-nav-left, .coda-nav-right { float: left;display:none; /*remove display:none; to show left & right arrows*/ }Perfect! The tabs show well in Safari but on Firefox, I now have small blue arrows on the right side of the tabs. (one small arrow for each tab I have). Anyway I can delete a line in the code to completely delete the arrows?
Finally, the plugin refuse to work on Explorer. Any idea where I should look for to fix this?
Patrice,
Could you provide a link so I can look at the problem? If you don’t want to post it here you can use the contact form.
Hi,
I desactivated the “in construction” screen so you can have a look at it. Here is one of the page where I use the plugin:
http://www.wildwildnorth.ca/?p=1795#6
The blue arrows are coming from this line in your style.css
#content #colLeft ul li, #content #colLeft ol li { background:url("images/bullet_list.png") no-repeat scroll 0 8px transparent; padding:5px 0 5px 25px; }To remove them from the slider add this to your css:
#content #colLeft .coda-nav ul li { background:none; }If you want the slider tabs to be styled like your menu you can change the following in the coda-slider-2.0.css file:
.coda-nav ul li a.current, .coda-nav ul li a:hover { color:red; text-decoration:underline; } .coda-nav ul li a { background:#C8D2D4; color:#666666; display:block; float:left; margin-right:1px; padding:3px 6px; text-decoration:none; text-shadow:1px 1px #ffffff; }I checked it in chrome (no arrows shown), firefox 3.6.10, IE 9 beta, IE8 and IE7. The slider worked fine in all the browsers and the blue arrows showed on all but Chrome. Hope this helps and I like the way you have implemented the plugin.
Awesome! its working very well now! Thank you very much!
One last question (I hope I won’t botter you anymore after that lol). is there a way to change the width of some of my slider? in my CSS the width is 550px. is there a way to assign a width to each slider?
Thanks again!!!!
You can assign a different width to each slider by using the id you assign to it. Example:
#yourslider-id .coda-slider, #yourslider-id .coda-slider .panel {width: 550px;}This plugin is exactly what I was looking for, and have installed it per the instructions…although my slider is not “sliding.,” and my arrows are not showing…I’m using the newest development version.
This is the shortcode that I’m using:
[wpcodaslider id=Testamonials cat=70 show=4 args=autoSlide:false, dynamicTabs:false, dynamicArrows:true, autoSlideInterval:'8000']
Any idea what I’m doing wrong?
There is nothing wrong with your shortcode. Sounds like conflict with another plugin, can you provide a link?
sure thing…
http://atstest.info/?page_id=868
The problem is your theme is loading a very outdated version jquery.easing.1.1.1.js which overrides the jquery.easing version 1.3 that the plugin uses.
You will need to update your theme to load the latest version of easing which can be found at http://gsgd.co.uk/sandbox/jquery/easing/jquery.easing.1.3.js
I’ll look into it, thanks for the help!
I am attempting to implement the plugin here:
http://kylefoleydesign.com/rbfgroup/?page_id=208
But as you can see, nothing shows up at all. Why is this? Plugin is installed and activated.
[wpcodaslider id=myslider cat=6 show=1 args=autoSlide:true, dynamicTabs:false, autoSlide:true, autoSlideInterval:'8000']
There is nothing to slide because your show is set to show=1. Try changing it to a higher number.
I found the error, I made a category named “6″ and was using that as the category number when the category number was actually 3. Stupid me. Amazing plugin!
One more question. Not a big deal, but sometimes the page shows all of the posts separately stacked on top of eachother for a second or two before it loads into the slider, is there any way to prevent this? Thanks!
I’m glad you got it working. The time delay loading the slider could be affected by how many posts your querying, other jQuery files and how long it takes your browser to load the javascript from your server. Also make sure all your css is loading before any js files. I recommend using W3 Total Cache to combine and minify your css and js as well as speeding up your site.
Hi, Thanks for the great plugin!
I was wondering if there is a way to display some more friendly IDs in the url instead of plain numbers. For instance, having the post name after the # would be quite sweet.
I don’t know but I will look into it. I didn’t write the jQuery plugin part, I just converted it to work with WordPress.
I’m trying to get the tabs to appear below the slides, but I’m having trouble getting it to work. Any thoughts?
Never mind, I figured it out. For those wondering…
Click Edit next to the Plugin name.
Select the wp-coda-slider/js/coda.slider.js file on the right.
Find the line: dynamicTabsPosition: “top”
Change it to: dynamicTabsPosition: “bottom”
You can also add the argument to your shortcode: args=dynamicTabsPosition:bottom
Hi there,
First of all, thanks for integrating this cool slider into WordPress. It’s exactly what I’ve been looking for.
Onto the meat: I can’t get a few of the arguments to work correctly. Here is the php code I placed in the template file:
As well as the below shortcode on the page within WordPress:
[wpcodaslider id=featured-home cat=8 show=3 args=autoSlide:true, autoSlideInterval:5000, autoSlideStopWhenClicked:true, dynamicArrows:true, dynamicTabs:true, dynamicTabsAlign:"left", dynamicTabsPosition:"bottom"]
The arguments that don’t work are the autoSlideStopWhenClicked, dynamicTabsAlign and dynamicTabsPosition. Did I miss something? I want the slides to stop when visitors are interacting/clicking on the active slide; the dynamic tabs to be aligned on the left bottom of the slider.
Hi Sae,
It looks like there is a bug with the shortcode passing all the arguments. For some reason only the first argument is getting passed when using the shortcode. I will try to get an update out that fixes the bug. All the arguments work when using the template tag. I updated the template tag demo using some of your arguments.
Here is the code I used for that demo:
<?php if ( function_exists('c3m_wpcodaslider') ) { c3m_wpcodaslider('mytagslider', '10', '5', 'dynamicArrows:false,autoSlide:true, autoSlideStopWhenClicked:true, dynamicTabsAlign:"left", dynamicTabsPosition:"bottom"'); } ?>Thanks for the reply. I do notice that even in your updated demo, the autoSlideStopWhenClicked doesn’t work. The rest of the arguments in your example does seem to work, so I’m not sure why they aren’t working on my site.
My arguments are in alphabetical order, and I have both the template tags included in the template and the shortcode included in the page. Does the template tags work without the short code? Is there a maximum number of arguments you can add in a template tag or shortcode?
You shouldn’t be using both on the same page with the same slider id. I added the template tag option to use in place of the shortcode because the WordPress shortcode API can be buggy at times.
Not sure why the stop on click isn’t working. I will ping Neil (the author of the jQuery plugin used with my plugin) and see if he has any suggestions.
A few issues/suggestions:
1) Your instruction, at several placed (including this page), is to use the function “c3m_codaslider”. It should of course be “c3m_wpcodaslider” (the wp is missing).
2) You are using “&numberposts=” in query_posts which no longer works on wordpress. It should instead be “&posts_per_page”.
3) on wordpress websites in foreign right-to-left languages (Arabic, Hebrew, Thai), this will not work – you need to add “direction:ltr;” to .coda-slider-wrapper {) in your css (this will have no effect on left-to-right languages, obviously, and therefore will ensure the slider works under every language).
Best wishes and thank you for the plugin.
Good spot, Bira… Also noticed that the js file contains the wrong URL for the ajax-loader.gif. At the moment line 186 contains: ‘images/ajax-loader.gif’
It should be: ‘/wp-content/plugins/wp-coda-slider/images/ajax-loader.gif’
Again, thanks to Chris for a great plug-in!
Bira,
Thank you for bringing it to my attention. I am pushing out an update.
Hi,
the download of your current version
from http://wordpress.org/extend/plugins/wp-coda-slider/
seems not to work.
greetings and thank you for your work
Wolfgang,
Could you please provide a link and list your shorttag or template tag settings and I will take a look.
Sorry for the misunderstanding,
i ment that the download link didn’t work (404 file not found),
i quess that was an internal problem of wordpress.org,
today the link was working again.
thank you anyway for your fast reply
trying to install the plugin
(http://downloads.wordpress.org/plugin/wp-coda-slider.0.2.3.1.zip…)
gives me the following error message?
- Inkompatibles Archiv. PCLZIP_ERR_BAD_FORMAT (-10) : Unable to find End of Central Dir Record signature
Hi,
Great Plugin, very usefull.
However, there is one thing that I can’t seem to find out. I have the tabs underneath the slider and replaced them with bullets. Now I want the dynamic arrows to appear next to these bullets or at least below the slider, not to the sides of it. Is that possible, and what do I have to change?
Thanks in advance!
I use newstube theme template and i am not into such it development. So my theme is based on html language. How do i insert or make it work, the coda slide i mean. I installed it but nothing happened
)
Hi,
I’m trying your beautiful plugin in a WP 2.7 versione website but I can’t figure out how to display the content of posts in sliders.
I only manage to display the post title ! the contents aren’t loaded..
I tried the plugin in a WP 3.0.1 website and it does work correctly.
Could it be a WP versione issue ?
thanks for supporting
Hi, please help me!
I just make the slider works (with the post excerpts) but it seems to have a limit of 5 posts to show, not more! More posts don’t be showed and I can’t make the “show” function work, i don’t know why.
Hi I love the plug-in! only one problem is that it is not reading the ‘show=’ part of the shortcode and only displays up to 5 tabs. I need to have more then that is there something I’m overlooking?
Try setting show=-1 to show all posts in the category.
Thanks for the quick response, unfortunately its still not recognizing the show function.. I can’t even set a lower number then 5 which leads me to believe the function is being ignored entirely
i goth th same problem only 5 shows is there fix?is someone fixed this problem? can u point me in right direction?
thanx
WordPress will only show 5 posts from the query unless you set show=-1.
I have the same problem and it doesn’t work with the show set to -1
Hi Josh,
After doing some extensive testing there seems to be a bug in the way the WordPress 3.0 branch extracts the arguments from the short code. I have tested the plugin on 3 different installations of 3.1 beta and the the show argument works on each one but does not work on any 3.0-3.02 installation.
You only solution for now would be to use the template tag instead of the shortcode. The template tag works and will show all posts using the -1
Awesome! Thanks for the quick reply
No problem. It has been bothering me for a while and I searched on trac and found the bug report: Ticket 15150 I manually added the patch to a 3.0.2. install in it worked fine. If you don’t want to wait till 3.1 final release you can replace your wp-includes/post.php file with the one from trunk: http://svn.automattic.com/wordpress/trunk/wp-includes/post.php
Is it possible to have the tabs fixed so that they don’t shift up and down if the post is a different size?
Hi,
I really love the plugin, it’s so light and works great~ There is one problem I have is that when it’s loading, all the posts showed up, and after 2 or 3 secs it will works the magic, can you tell me how to fix it? thanks so much!
Great work!
Scarlet,
That happens because the jQuery doesn’t execute till the page is loaded. You can eliminate it by making sure all your css files are above your js files and optimizing your site for performance.
This really is a great implementation of the Coda Slider. As everyone else here, I am having a small problem, though.
http://ernestos.mojoe.org/
So far I have three panels, and they all work fine, except the content in each panel is quite long and I’d like to use anchor tags to navigate down to certain parts.
On the first panel to load, “Banquets,” anchor navigation works perfectly, however, if you click then on “Dinner” and attempt to use the anchor navigation at the top of that panel, the panel shrinks until the desired content is brought in line with the top of the panel. This cuts off all of the other content above it in the panel, including the navigation menu. Any ideas on how to keep this from happening so that the browser simply scrolls down to the content rather than chopping the top of the panel off?
Thanks a lot!
–Joe
Nevermind, I think I just made an error somewhere else that was causing that to happen. I still have no idea what error that was, but apparently I am so good I don’t even need to know what is wrong to fix it.
Damn I’m good.
Thanks again for making a plugin out of the slider, it’s really nice!
–Joe
Ergh… it’s doing it again. That portion of the page has been XHTML validated and it’s still doing it. I really have no idea why.
I probably screwed something up, but thus far I have had no luck figuring out what.
Thanks so much for making this a plugin. I was hoping to find one for this, exactly for my site.
So I installed the plugin and activated it. I pasted in the most basic shortcode, just to see if it would work and it hasn’t. I don’t know what I’m doing wrong – and I’m sure it’s just some simple mistake that I’m making. Am I supposed to be editing anything in my theme? Or adding/updating anything else?
I’m trying to get it to work on this page: http://frankiesgun.com/main/lyrics/
It just keeps the loading text there. The shortcode that i’m using is the following:
[wpcodaslider id=Lyrics cat=1 show=3 args=autoSlide: true]
Any assistance would be greatly appreciated. I’m dying to use this tool. Thanks again!
Sean,
It looks like your theme is not loading jQuery which is causing all your jQuery plugins to not work. This plugin calls jQuery using WordPress’s built in wp_enqueue_script function. It’s possible that one of your other plugins or themes has filtered it out.
Thanks C3m. I’m going to look into that. I’ll try deactivating all the other plugins for now.
After i install wp-coda-slider plugin, i can’t access my wp-admin page, a result is blank white page with no error warning…:( how come? and still confuse till now about a solution, any better idea?
Best Regards
Hello, I downloaded a theme that had coda slider already implemented into the theme.
The slider has got the big picture at the top, and below it 5 thumbnails from different posts.
The bottom “marker” slides from thumbnail to thumbnail but the top picture doesn’t change. The top picture just stays on the first frame.
http://www.sunphysio.co.za/wordpress/
Please help!
First of all, thank you so much for developing such a nice plug-in.
Is there any way to easily link “out” of the slider contents?
For example, I have a link within a post used in the slider that I want to link to an archive of a post category. Usually, I would simply use “../category/categoryname” but whenever I use such a link within a page that contains a slider (this page being nested as a child or another page), the link automatically becomes “../parent/category/categoryname”.
Any trick around that?
Thanks !
I would just use an absolute link instead.
Could you give an example?
Hi – just downloaded this yesterday and it’s great. I’m wondering if there is a way to display images in the tab navigation instead of title text in the tabs.
Hi RRD,
This is possible but would take some customization of the code. I have used it to display a background image and also dynamically use a featured image from each post.
Hi c3m,
Thanks for the response. That sounds like exactly what I am looking to do. Is the customization easy? Are you planning to include this option on a future release?
Thanks,
RRD
I have been working with this plugin for a few days and for the most part it really works great. Initially, I used the shortcode and it worked as advertised but I would really like to use other plugins in the slides. So I’m trying to use the template tag version but wherever I place the php code or whatever order i put the slides in, the slider will only show whatever slide is #1. My guess is there is some sort of php conflict (I’ve tried disabling other plugins) but I am relatively new at this. Any help would be great.
The site I’m working on is http://test.scott-center.com
Maybee stupid question for most of you, but how do i work with plugin?
I got WP 3.0.4 i installed it now how do i define slider content etc there is no entres for plugin settings on wordpress backend nor explanation how to make it work. I guess its not good for 3.0.4?
I’m having a problem with external triggers.
Just like example 3 in the demos, I have a link with the correct class and rel, but the slider doesn’t slide. The URL hash changes correctly, but nothing slides.
I can make everything else work fine.
Any ideas?
I was having the same problem, but I think I figured it out.
The documentation says you can set your slider ID to anything you’d like, but when it comes to external triggers that’s wrong. The first 12 characters can be anything you want. The 13th character onward must be numbers, and it probably has to be 1.
Try this ID, which is used in all the exampels: coda-slider-1
If you need more IDs than that, you might be able to use coda-slider-2, coda-slider-3, etc . . . but I haven’t tested it yet.
Great tip. Thanks.
Hi,
I’m trying to use the slider, but I get this weird behavior. Whenever the page loads, I can briefly see the featured posts, as it should. But after appearing for just a second, the posts get replaced with “Loading… loading…” message permanently. Is the coda slider conflicting with some other code?
First, great plugin!
Is there a way to have the slider links appear in the sidebar instead of directly above the slides? If yes, what would be the easiest way to accomplish that.
Sorry, I am a newbie to WP so forgive me ignorance.
Thanks,
Alex
It is possible to add the shortcode to a text widget but I’m not sure if you could put only the links in the side bar without doing some massing CSS absolute positioning hacks.
Hi!
Thankyou so much for the wonderful plugin.
I seem to be getting an error message in Internet Explorer 8 that is rendering the slider unusable (it just doesn’t load). Works fine in Chrome, Safari and Firefox, with no errors in the Javascript console. Weird thing is, I swear it used to work just fine in IE8.
The error is as follows:
Webpage error details
User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; .NET CLR 1.1.4322; .NET4.0C)
Timestamp: Thu, 27 Jan 2011 08:29:42 UTC
Message: Invalid argument.
Line: 104
Char: 486
Code: 0
URI: http://www.naturlea.com/wp-includes/js/jquery/jquery.js?ver=1.4.2
I would greatly appreciate your help, and am willing to pay for assistance in the matter.
Cheers,
Marcel
Hi again,
Sorry to bother you, but I just had another look, and Promotion Slider (http://wordpress.org/extend/plugins/promotion-slider/) also isn’t working on this page in IE8, so it must be a conflict. Do you have any clue as to why this may be?
Please provide a link to the page the slider is not working on.
Hi,
I have the same issue with Internet Explorer. It says “Loading …”
Here is the error:
Webpage error details
User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; Win64; x64; Trident/4.0; .NET CLR 2.0.50727; SLCC2; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C)
Timestamp: Wed, 2 Mar 2011 11:59:05 UTC
Message: Expected identifier, string or number
Line: 768
Char: 80
Code: 0
URI: http://www.xxxx/
Try disabling all your other jquery plugins and moo tools stuff and see if it works. IE is very sensitive to js conflicts. It’s working fine for me in Chrome and your css modifications look really good.
Is cross linking possible with wordpress plugin of coda slider?
I was trying to add a coda slider to a page and written the ling in html text editor somewhere else, but it didn’t work…?
that would be example no.3 in demo page of coda slider?
Great plugin!!
I managed to get the slider working on my page! Yay – I’m *definitely* not a coder at all so this is quite a feat. But I need your help to customize some features — just a few questions which will probably seem simple to you, but are currently having me slapping my head.
1) Where’s the code line that changes the background color of the *non-highlighted” (black) navigation tabs? I already found the blue.
2) I changed the width of the slider to 950px. Only problem is, the 3 navigation tabs I have are aligned from the middle, instead of aligning from the left. Left alignment would fit nicely with my text. How can I change this ?
3) I understand the navigation tabs use my post’s title to get displayed. However, the post content displays its title once again, which makes it redundent. Is there any way in the code to hide *just* the post’s title (but still have it in the nav tabs).
Infinite thanks! This will save my life (or at least my weekend).
David
Hi David,
Most of whats mentioned can accomplished by CSS. You can hide your post titles on the page by adding display:none to the h1.posttitle .
To align your tabs try floating the ul element left.
I would suggest using the firebug plugin for firefox to see whats going on with the css then override the styles by adding them to your themes main css file.
UPDATE:
Questions 1 and 2: Solved.
Questions 3: Unsolved.
Question 4: I don’t understand how to order the posts. At all…
It is one of the query arguments thats hard coded in. I will be making changes to go along with WordPress 3.1 release that will give you the option to order either Ascending or Descending.
Dear Mr c3mdigital,
your plugin is awesome, we all know you already knew that
So as soon as I installed it, I began making some tests and modify a little bit your great contribution. I’m trying to get the slider to extract the custom field content with no success
I’m trying to acomplish that in this way, but still returning empty…
***
<?php
function c3m_wpcodaslider($id, $cat, $show, $args) {
query_posts('post_type=post&order=desc&cat=' . $cat . '&posts_per_page= ' . $show . '');
echo '
‘;
if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<div id="post-” >
<a href="” border=”0″>
<img src="ID, ‘top_banner_img’, true); ?>” />
***
Hoping you can help me out!
Thanks in advance
I will try and take a look over the next few days.
it seems that code didnt pasted completely here its again…
lots of thx!
<div id="post-” >
<a href="” border=”0″>
<img src='ID, ‘custom_field’, true); ?>’ />
Okay, I’ve been hacking at this today again, and I seem to have the following problem:
The cat and id args have no effect at all.
What’s stranger is that I have a category named “3″, but the code doesn’t seem to recognize a number as a category. The slider isn’t showing.
This being said, if type in any word in place of “3″, the slider shows.
The category argument will look for the id assigned to the category if you use a number.
The plugin is terrific but I have a couple questions.
First are you going to be able to make the short code in a short code work? If you could get that to work it would be wonderful.
Also I was wondering how to take the post tittle off. The problem is when i take it out of the CSS it gets rid of the tittle on the navigation button. Any idea how to fix that?
Thanks
I plan to make the plugin much easier to use with the next version that will be done in about a week or so. Thanks for your patience.
hi, c3m how is the update going?
using any wp option for querying any post or pages would be wonderfull (like in dtslider)
but even if shortcode in shortcode will work, it would be great!
you can get rid of title if you transform part of the php file in coda slider plugin.
you would need some theming knowledge…
Has anyone had problems with images loaded on screen being cut in-half? I’ve been having issues with this and the problem can be corrected by refreshing the page however this can be annoying when it has to be done every time the page is viewed. Any solutions would be greatly appreciated! Thanks!
posts_per_page= ‘ # ‘ won’t decrease the number of posts inside the slider. However, showposts= ‘#’ will. Or am I being completely stupid here?
There seems to be a WordPress bug in the posts_per_page query argument in the 3.0 branch. It is fixed in WordPress 3.1.
hey im a complete newbie with websites and I have just installed the coda slider plugin with my Viewport theme. Im just trying to get the slider to show on the home page but I cant seem to. Can you please tell me where I should insert the source code? I have tried to put it directly into a post and a page but nothing seems to be working. I probably need to spend a lot of time learning this stuff but any help would be much appreciated.
The shortcode can go directly in the post or page editor. You probably have a jQuery conflict or error somewhere. If you provide a link to the page the shortcode is on I will take a look at it for you.
Yes! the slider is active and looking good. But there seems to be problem with how the images I use are displayed on slider. My sites http://www.takahefilm.com. As you can see the first image fits in the slider fine but from the second image on, the slider moves a little to the left and part of the previous image is visible along with the next image. I tried increasing the width of the slider in css which makes them fit perfectly but you see a lot of grey between slides. How do I make them fit in perfectly and not have the slider move?
Thanks heaps for your help.
Hi!
It is really great plugin, but it seems, it doesn;t work with another jQuery plug. I have LavaLamp menu on my site and i`ve notice that only one of those plugins can work at the same time. There`s wp_head() in header.php. When i have this before script link only menu is working. But if I have wp_head() after script link menu isn`t work, but coda works. Any ideas how to use both? I just started with wordpress and php so… I will be gratefull for suggestions
http://galeriaseart.pl/?page_id=39#4 here is coda.
THIS IS THE BEST!
Sorry for the caps lock abuse, but this is too awesome for regular capitalization rules to be followed. I have been learning just enough HTML/CSS to get myself going with my own wordpress theme from scratch, and have been banging my head against the wall trying to make the css-tricks slider work. My knowledge of jQuery is just about nonexistent, so you can imagine how amazing I am finding your plugin right now! I have everything working, and am getting down to styling etc.
Since it sounds like you are actively developing this plugin, here are my $0.02 on what would make it even greater:
-ability to set caption overlays on slides, either excerpts from the post, or some other user-defined string
-an argument that allows one to pick a different style css than default for that particular slider
-a plugin options panel that makes it easy for us luddites to create new sliders and configure them (sounds like that is already on the way… but another vote can’t hurt!)… the Contact Form 7 plugin has a great panel for doing something similar with contact forms
Thanks again Chris, this is a great plugin!
Andrew,
I am glad that you were able to figure out the plugin and are able to use it and thanks for the suggestions. I want to stay away from having too many options but I plan to include some basic css options.
Hello c3m,
Just wanted to do a quick update: Thanks for your help and info. Everything works perfectly, this is hands down the best plugin for the job.
I also want to thank you for the excellent support you’re providing here. The world needs more people like you. Seriously.
Can’t wait to see your update!
Here’s a suggestion for your update:
- Could you please add a way to have a « loading » image appear instead of the entire content being stacked for a few milliseconds ? I’ve read one of your replies a few posts back, saying it depends on the weigth of the content in the slider. If you could make some kind of a way to have an adjustable “preload” buffer, you would absolutely rock.
Thanks very much.
David,
I like the loading image idea. I was already planning on adding a div place holder to hide the stacked content so it would be easy to add the loading image on top of that. Not sure about being able to add a preload buffer but I will look into it.
I just updated to WP 3.0.5 and the old issue of not showing more than 5 posts is back. Before the update, I had about 20 posts showing on the following page now its back to 5.
http://geekiflyed.com/mmm2/profile/partner-profiles/#1
any help with this would be awesome!
I never saw this first post, it got spammed by Akismet for some reason. Hopefully 3.1 will be out soon that fixes a lot of these issues.
figured out my issue. If anyone else has the issue after updating the solution is painfully simple…
you have to update the post.php file again with the one here
http://svn.automattic.com/wordpress/trunk/wp-includes/post.php
My original comment must not have posted.
My problem was that the plugin did not work properly once I did the 3.0.5 update.
Josh,
Great tip. Thanks. I’ve been running and developing with 3.1 trunk for the last few months.
Hi, c3m… Finaly i added php template. Shortcodes in posts now work as they should.
I am using two slideshows on my site bodividen.jaya.si and i am trying to make crosslinks. Ordinary crosslinks work perfectly.
Now i am trying to make a shortlink that will navigate both slideshows at once.
I found how to make a crosslink to both panels on nialdoherty forum. I use it like this
<a href="#2" onclick="$('#coda2-1').click(); $('#coda2-2').click();">ALL_2</a> <a class="xtrig" id="coda2-1" href="#2" rel="coda-slider-1">UP_2</a> <a class="xtrig" id="coda2-2" href="#2" rel="coda-slider-2">DOWN_2</a>The first should navigate both slideshows, the second line is for the upper slide and the last is for the below slideshow. The second and the third will be hidden with css at the final stage…
It would be great if you could check my site and give me a hint about navigatin two slideshows simultaneously…
Klemen
Hi Klemen,
I’ve seen two things in your post which would help me through an issue I currently have.
I would truly appreciate if you gave me pointers on how you resolved the following (note that I’m not a programmer but simply a guy who can understand code structure well)
a) I can’t see to be able to point a hyperlink towards a specific slide hashtag (or are they called anchors) — it just links to the page containing the slider, but not the specific slide.
b) I want a form inside one of the slides, but I need to have shortcode to have it appear, which (due to the current version bug) doesn’t work. I just saw you were successful in a similar attempt – Can you tell me how to setup a php template so that my slider can contain shortcodes that work ?
Thanks infinitely.
David
Hi, David
a) If you are trying to get to the particular slide on the page, from some other page, i don’t think how it can be done.
But if you try to slide from slide#1 to slide #3, then you use crosslinking instead of dynamic tabs or arrows.
-you must use xtrig class for the link
-href is the number of the panel you want to go
-rel attribute is the ide of a speciffic slider
b)
I implemented the template tag directly into the php file of my theme:
<?php if ( function_exists('c3m_wpcodaslider') ) { c3m_wpcodaslider('mytagslider', '13', '-1', 'dynamicArrows:false,autoSlide:true,autoSlideStopWhenClicked:true,dynamicTabsAlign:"left",dynamicTabsPosition:"bottom"'); } ?>Thanks Klemen ! Yes I am trying to get to a particular slide from another page — I’ll have to figure out something else
For the template tag – once it’s in the function.php file of the theme, I just call the slider in my page with the shortcode again, right ?
i put the template tag directly to index into the body of a theme…
i don’t even touch functions.php..
After that it works directly…
Would it be possible to modify the CSS in order to make the menu items stack vertically instead of horizontally? Will that break the sliding functionality?
It will work vertically just un-float the li tag
Hi there,
your plug in is awesome!!!
Just passing by to see if I can get some help. I’m trying the slider to get the custom field of a post with no success.
Using the get_post_meta($post->ID, ‘custom_field_name’, true);
Muchas gracias!
here’s the code:
< ?php function c3m_wpcodaslider($id, $cat, $show, $args) { query_posts('post_type=post&order=desc&cat=' . $cat . '&posts_per_page= ' . $show . ''); echo ' <!-- yes --> '; if ( have_posts() ) : while ( have_posts() ) : the_post(); ?> <div id="post-" > <a href="" border="0"> <img src='ID, 'custom_field_name', true); ?>' /> </a> <!-- .panel-wrapper --> <!-- .panel -->damn! i can never get the full code to post, what tag should I use?
…I already tried
You can use shortcode to post code {code} {/code} replace curly brackets with square brackets.
You should be able to do it using a global.
Great Plugin! I have a quick question for you…
I’ve read through the posts here and saw a few things that I was wondering about. Is there a way to use the Coda Slider with content from the same post – using divs if need be. I am looking to place 4 videos in separate panels. With the body text remaining static. Will this plugin do that for me?
I’m running into the nested shortcode problem…. I’ve tried to follow the information about template tags, but am brand new to wordpress…. can you be more explicit in terms of where that function goes. I tried it in and out of the content loop, but am not having any success
congratulations for beautiful plugin, I have a problem with the current theme, the tabs are not aligned, I try for days to solve the problem in vain.
I also looked at line 45 of e46 regarding css but can not find the solution.
Can you help me on
I just wanted to say thanks… I know many people say “Great plugin… but how do you…” — I’m not a coder, but your plugin was so easy to use, figure out how to modify, and it gave me just the result I needed. Thank you for rocking so hard!
Alright, I installed the plugin, activated it, and also put in the shortcode within the page it needs to be. However, when I go to view the page the only thing that shows up is “loading” with a broken image below it. Any idea what could be wrong? I have deactivated all of my other plugins.
Hy there, great pluggin. Is there a way to show the post thumbnail instead of the title on the nav tabs? I read above and you said it´s possible… would you explain how to do this?
thank you very much
nevermind, I did it. not so complicated. thanks
If you happen to come back to this post, would you mind sharing?
Does anybody know if it’s possible to show the comments from a post page in the slider, not just the post content? I’ve managed to get the “leave a comment” section appearing in the slider but can’t figure out how to get a post’s comments in there.
I want to integrate this plugin into a photoblog and ue it to navigate throught photos but I want to have a photo’s comments (and the place to leave a comment) included as well.
Any help with that greatly appreciated.
Thanks
IHG
Hi, this plugin is perfect idea but unfortunately the Tabs show vertically in IE and Chrome. Only in Opera it is horizontal how it should. (I have brand new WP 3.1 installation and the only single plugin and basic WP theme) Isn´t some new version on the way?
How can I lock down the height instead of having it adjust for the length of the text in the slider container? Because the height of the container changes with each slide, the content I have underneath it on the page slides up and down the page as well.
Add this to your shortcode:
autoHeight=false
Hey there,
First, thank you very much for your Coda slider. I managed to edit the code to let me display the navigation tabs on multiple lines, but the alignment comes out messed up on IE and FireFox (works fine on Chrome)
On the two above browsers, the first four tabs of the first line are shifted upwards for some reason.
The site is here: http://www.techwadi.org/about-us/our-sponsors/
Thanks for your help!
Roham
hi, can u please help me to solw this, i am traying to get “catID” from costume field but no luck…
<?php if ( $bands_category = get_post_meta($post->ID,'bands_category',true)) { ;?> <p>category id: <?php echo $bands_category; ?></p><br/> <?php }; $catID=$bands_category; ?> <?php if ( function_exists('c3m_wpcodaslider') ) {c3m_wpcodaslider('mytagslider','$catID','4','autoSlide:true'); } ?>You would have to add that query to the plugin file because the loop has not run yet.
<?php if ( $bands_category = get_post_meta($post->ID,'bands_category',true)) { ;?> <p>category id: <?php echo $bands_category; ?></p><br/> <?php }; $catID=$bands_category; ?> <?php if ( function_exists('c3m_wpcodaslider') ) {c3m_wpcodaslider('mytagslider','$catID','4','autoSlide:true'); } ?>Quick fix if you need to serve a coda slider by SSL:
original lines 70-74 in “wpcodaslider.php”:
————————————————————————————–
function c3m_coda_scripts() { wp_enqueue_script('coda_slider', WP_PLUGIN_URL . '/wp-coda-slider/js/coda.slider.js', array('jquery')); //enqueue style sheet wp_enqueue_style('coda_slider', WP_PLUGIN_URL . '/wp-coda-slider/css/coda-slider-2.0.1.css'); }————————————————————————————–
lines 70-74 — I rewrote as:
————————————————————————————–
function c3m_coda_scripts() { wp_enqueue_script('coda_slider', plugins_url() . '/wp-coda-slider/js/coda.slider.js', array('jquery')); //enqueue style sheet wp_enqueue_style('coda_slider', plugins_url() . '/wp-coda-slider/css/coda-slider-2.0.1.css'); }————————————————————————————–
The constant WP_PLUGIN_URL is hard-coded with http:// and doesn’t automatically change to https:// — see also http://codex.wordpress.org/Determining_Plugin_and_Content_Directories
Hopefully, this can be incorporated in the next release.
Thanks for a great plugin.
@Kraig Awesome! Thanks for sharing.
This plugin is amazing! The only thing I’m having trouble with is using featured images for the slider navigation. Has anyone had any luck doing this?
It would require modifying the loop to include
Wow! Thanks Chris. Don’t know why I didn’t think of that!
Hi db… I try to insert this inthe loop but do not work.. Can your share how you do it?
Tks!
I love this plugin…my problem is that i am trying to load the most recent 5 posts in my slider on the index page…can anyone help???
Hello,
Thank you for this plug in. I have already used coda slider but not with wordpress. Now, i have a wordpress but this plugin doesn’t work. I have this error in Firebug:
$(“#fictions”).codaSlider is not a function
[Stopper sur une erreur] …’).codaSlider({dynamicArrows:false});
So, I have search the problem and in my opinion, it will be because the codaslider.js was not load. If anyone can answer…
Thank you.
Hi Chris,
Sorry if this posted twice.
This crosslink code is in my page with a slider. The slider works find, but my link “Go to Page 1″ doesn’t work.
[wpcodaslider id=myslider cat=slider show=3 args=dynamicTabs:0]
Go to page 1
the URL changes but there is no slide initiation. Is the class “xtrig” not being called?
Thanks, and an even BIGGER thanks for your contributions on this plugin.
Sam
Ha! The code was processed above, here is the code:
<! Go to page 1 >
Here is the snippet:
WP Coda Slider looks awesome but I have a big problem.. With the original code I couldn’t get the labels to wrap to multiple lines – they just went on and on horizontally, off the page, and stayed on one line. I fixed the problem by changing ONE element in the JavaScript code, NavContainerWidth (below).
Now the slide shows up as I like in Internet Explorer and Chrome, but the alignment is all messed up in Firefox… both 3.6 and 4.0 – http://www.techwadi.org/sponsorship
Any idea why? Any other plugin I could use?
Original:
navContainerWidth = slider.width() + slider.siblings('.coda-nav-left').width() + slider.siblings('.coda-nav-right').width(); ul.parent().css({ width: navContainerWidth }); switch (settings.dynamicTabsAlign) { case "center": ul.css({ width: ($("li", ul).width() + 2) * panelCount }); break; case "right": ul.css({ float: 'right' }); break; };New, multi-line:
navContainerWidth = slider.width() + slider.siblings('.coda-nav-left').width() + slider.siblings('.coda-nav-right').width(); ul.parent().css({ width: "580px" }); switch (settings.dynamicTabsAlign) { case "center": ul.css({ width: "580px" }); break; case "right": ul.css({ float: 'right' }); break; };Hello Chris,
I’m trying to integrate coda slider as a simple image ad/promo slider. It’s a handy plug-in that uses native WP stuff.
I to set up 5-10 posts and are using coda-slider on my front page.
Here is what I’m experiencing:
1. If i use the PHP code on the front page, it works great! But only for Firefox (Opera, Safari, Chrome it just shows the first image – no movement, no tab buttons) (Shortcode doesn’t work at all, so not using that one).
I use the exact php code provided at the top of this page, an no go on any other browsers than Firefox for me.
Besides not working in when it loads all the posts, I also found it displays the posts (in my case, 3 images vertically for a few seconds as it sets it up..) Would it be possible for them to be “cached” on top of each other at first, at the same location?
Chris, did you find a solution for this? My initial test had the same result that you described. I assumed it was a problem with the way each browser works with my cacheing, but haven’t found the correct solution.
Hi,
I have been unable to see the last post of the number to specify to ‘show in a category display. eg. I want 3 to display and can see the heading in the dynamic nav but no post content for the third post.
I have changed posts around and it is always the last one’s content that doe snot display even though when I inspect it in Chrome the content is visible. The site is http://rehabacise.webspice.com.au/ and it is under the services tab.
There are some width issues but they are fixable just cant see why this is the case.
Any ideas appreciated.
Cheers,
Mike
Hi (and thanks for the plugin):
How I can asociate jScrollPane to “myslider” div?
I’m traying to styling the vertical scrollbar of this div using jScrollPane , but only get the default browser scrollbars.
With jScrollPane I only can scroll all the layers, together, but I need to scroll only the slide (withe te title and content) , not the tabs.
Any idea will be welcome.
Hi Chris! Very excited to use the plugin. I’d like to figure out why the nav bar sometimes breaks into 2 rows. At first my 5 tabs were all fitting on one row, but then I reorganized by modifying post dates and no matter what now I’m getting a line break in the nav bar.
You can see what I’m working on here: http://vickistepdesign.com/endemic/column/#6
Thanks so much!
Right now I’ve got the coda slider running on the home page and portfolio page but I also need it for a sidebar that shows up on the portfolio page and a few other pages.. no matter what page the sidebar coda doesn’t work but the portfolio and home page coda works..
All I’m getting is “Loading…” instead of getting it to display the specified category’s posts..
hello Chris,
Great plugin, but I have some trouble with it. I changed the width of the slider to 800px. I have four tabs and the last tab is pushed down to the next line. I guess ’cause of the nav tabs ul tag’s width. Is it possible to change the width?
Use Firebug and play with the widths then change the css or override in your css using !important.
Hi,
is it possible to include Flash based Content?
I have the “FLV Embed” Plugin where I can put “[flv]http://www.domain.com/wp-content/uploads/loops/movie.flv[/flv] into the posts. Everything works fine when I look at the Posts themselves. But when I let them display through the Slider it just shows me the shortcodes and not the flash-content…
Thanks for your answer.
Martin
Hello! I’ve found this plug-in really neat and useful for showcasing bands on a blog for a music festival. I’m using the following shortcode:
[wpcodaslider id=artistslide cat=band show=8 args=autoHeight:false]
However, the category argument doesn’t seem to be working. I’ve got all info posts in the band category and all news post in a category named news, but yet the slide shows both kinds of posts. How can I fix this?
You have to use the category ID the name will not work.
I use shortcodes inside Post for tooltip, box, button etc ..
Wp-coda-slider already use shortcode to grab post ..
when I nest the shortcode .. the second shortcode are not view as shortcode ..(the slider work wonderfully)
How to deals with thoses nested shortcode ?
Thanks
Shortcode problem solved in latest version.
I use shortcodes inside Posts for tooltip, box, button etc ..
Wp-coda-slider already use shortcode to grab post ..
when I nest the shortcode .. the second shortcode are not view as shortcode ..(the slider work wonderfully)
How to deals with nested shortcode ?
Thanks
Hi,
Thank you for the great plug, really love it!!
I have one question, how can I sort the order by title? I read the comments and noticed that you mentioned you will work on it, so is it possible now?
Thanks you so much
Hi there,
Thanks for the great plugin! It actually powers the main mechanism of the site I’ve designed.
The only problem I’m having is that after 20 ‘slides’ the transition starts going crazy, essentially going back to the first slide then going through all the slides to 21. Has anyone else had this problem?
you’ll see what I mean by scrolling to number 21 here:
http://spacedout.co.uk/spaced_out_architects_architecture_portfolio
It still takes the same time to transition. Show is set to ‘show=-1′ in shortcode.
Oh and I’m using version: 0.2.3 as I had to modify the javascript a little…
Any ideas?
Much thanks
Dom
Nice implementation of the plugin. I noticed some javascript conflicts with Moo Tools. jQuery and Moo just don’t get along choose one or the other.
Hi,
Thank you for the great plugin… is really amazing…
I would like to insert excerpt on de navigation tittle menu… but I cant figured out…
Can I insert ?
http://spacedout.co.uk/spaced_out_architects_architecture_portfolio
I’ve got a slider with 28 posts and for some reason after 20 the transitions go really jumpy, you still however arrive at the correct slide!
Any ideas?
Thanks for the great plugin by the way
I have created a slider using this plugin and have a link at the bottom of each slide that links forward to the next tab. The pages requires scrolling down to see all the content and when you click this link it slides over, but not up to the top of the content. Can you tell me what I need to change in the code to make the page scroll up to the top of the content of the next tab (or even higher would be better)?
Thanks for your help!
Hello.
I also got the problem with shortcode of course. Then I tried the template version but unfortunately the different posts did not float to the left of each other but kind of stacked instead?
Now I went back using the shortcode version but the code-slider strips out the tags. I guess this is the same issue as the shortcode thing that does not work either?
Will there be a version that works with shortcode?
Thanks for a great plugin!
Latest version solves the shortcode problem.
This is the solution to the shortcode thing! If you do the following
‘ . apply_filters(‘the_content’, $post->post_content) . ‘ on line 125 it will work!
The whole working file is here:
http://pastebin.com/wUnHWkt7
Thanks again Morten, I’ve added your solution to the plugin in the latest update
Hi. I’m using your plugin on a website I’m building at the moment. I set the variable cat to a category named Slider. But the slider shows posts which have a different category.
And another thing I’d like to achieve: I set autoSlider to true. Thus I don’t need the navigation any more. Is there any switch to disable the navigation?
Oops, stupid me. Ignore my question, just delete it
. Thanks.
I missed that I have to use the category ID instead of its name.
But: the question regarding the navigation still remains. Any way to just disable it without CSS hacking?
Hi Chris,
Great plugin!
I like to use the template tag version but the your code on this page and the demo doesn’t work correctly
http://wp-performance.com/coda-slider-no-shortcode-test/
The slider has only the title of the post as content. Not the content of the post is showing in the tabs.
Can you help me with the right code?
Thanks,
Mirjam
Hello Chris, its a great slider but I have a problem. Look at my site, http://oyuncumekani.cu.cc you can see there’s a slider. But I dont know how to add images to slider. Please help me.
I might be missing something really simple here …. but how is one supposed to create slides ?
Just create a post with an image in it or ?
Thanks
Hi there,
I just finished my videoblog site on http://www.topdocumentaires.nl. Today I wanted to install a WP_Coda_slider plugin, it doesn’t seem to work with my theme so I tried to import a phpcode from this plugin into the template.php or function.php (I don’t recall exactly). I clicked on save changes in the presumption that I always could delete the phpline if it didn’t work. However now the whole site doesn’t load anymore and I could’t get into the admin pannel anymore. I think the permalinks are changed or something. I get a HTTp error 404 each time I want to go to topdocumentaries.nl
Please could someone help me to login to my admin again? To undo the changes I’ve made?Is it possible to search the database folders and delete the phpline i’ve inserted, if to be found? Or maybe the DNS has changed? Your help would be really appreciated! Thanks.
Jelmer
Thanks for the plugin! Working good except for an odd issue I’ll try to explain.
I have it set to autoSlide, which works. If I leave the page open and move to a different tab, say for 20 seconds, then return back to the tab with the slider, the slider really quickly plays ‘catchup’ and shows every animation as fast as possible that should have been happening when I wasn’t looking. Seems like something with the animation queue gets confused? Once it catches back up to the ‘current’ tile, the autoSlide resumes it’s normal interval. This ‘sped up’ sliding is reproducible every time I do the switch tab/switch back. Any hints ?
I’m wanting a slider with the tabs to the side of the panel. I think this should be possible with the css, but I’m wondering if you have any examples of it used that way.
Also, I’m wanting to use this on several pages, calling different categories and different #s of posts. The shortcode should allow this, but you seem to be saying that the code has to ALSO be in the template, with all of the variables defined in the template. How will that then work on different pages?
Thanks for your work! It looks to be just what I need.
Hi Chris,
Real sorry to bother you, but I’m trying to utilize your slider WITHIN a specific posts.
Someone else (Dwesch on February 28, 2011) posed this question but it was never addressed. I’ve read several different variations on your tutorial, I even borrowed (see: butchered really) the script you have on this very page. I still get bupkis! Using WP 3.2.1.
The slider works when or if I add it to the header.php. But I’d like to have it slide the content WITHIN the post. Utilizing say a series of panels. The exact look I’m going for is on http://starkerstheme.com.
Wishing you well during this Holiday Season.
TL
the template tag didnt work, i think it was conflicting with other functions from my minimatica theme. I tried the shortcode in a post and it worked. So then i just copied the raw source code via the ‘view page source’ option in firefox and pasted it in my homepage, and it works now lol
Nice plugin. Really simple to use.
I’d like to use it together with “Ajax For All” because I plan to implement a music player that keeps playing while navigating the site.
Ajax For All says it cannot dynamically load content that loads it’s JS code on demand (what coda slider does). Any simple way to load coda’s JS/CSS on every page? Thx in advance.
For anyone else smashing their head on their desk—you need to wrap / enclose the entire args declaration in quotes if one of the arguments’ value is a string (needs quotes).
Thanks for the plugin, but where the heck is the settings page???
Hey, Nice work finally a simple but good jquery slider.
I am using it but finding a bit of a bug and I can’t find any mentions of it or solutions. I’m running 3.3.2 and using tag in page template. I get the slider with and but no content below that. Just to reiterate, I get menu and titles but non of the follow content in my coda slider.
Any know hows?
Thanks,
Jean
I’ve used this plugin about a year and love it because it does something on our site I can’t do with others – it carousel scripts that are loaded from a video site. However, it stopped working for me in Safari – still works in opera, firefox, etc. The preload looks good and completes then it just shows “loading” and the endless loop of the icon. Any help would be appreciated.
I answered my own question – had little to do with your plugin and everything to do with our caching strategies. My bad. Great plugin.