The balance of form and function.
Call out sections of your site by easily creating a carousel of images, associated to posts or pages, for display on your home page or anywhere on your site. The carousel purposely does not come styled, but is instead semantically marked up with #IDs and .classes to make it easy for you to integrate it into your theme without much effort.
1. Upload Images to the Media Library.
2. Associate those images to posts and/or pages by searching for them in the ‘Meta Box’ provided on the Add/Edit screen.
3. Add this template tag to your theme templates where ever you would like to show the carousel: <?php xencarousel_output(); ?>
4. Add styles to your CSS file to make it fit in with your site.
This plugin is still in alpha. I will will document it for you as soon as I can. Until then, read the FAQ, leave a comment or check it out in action.
Hi, Great Plugin. I can’t seem to find out how to add posts and images to the carousel though. I seenn the ‘xen carousel’ box under the post editor and uploaded images there, but then what do I do? I added the tag correctly where I want the carousel. Any ideas?
Thanks for any help!
I apologize that I haven’t had a chance to update the documentation for this yet, but here is a quick over view of how it works:
Features that will be coming out for the 1.0 release: Ability to sort the list of slides and the ability to create multiple carousels (and arbitrarily choose which slides appear in which).
Let me know if you have further questions,
- Eric Marden
Hey Eric,
Thanks for your reply. I did what you said, I made 3 posts and attached one slide to each post through the box on each post and the carousel looks ok but the next and previous buttons don’t seem to be responding, here’s my testing url if you want to take a look: http://poultry.darrenmccarra.com/cmc/ …Any ideas?
Thanks,
Connor
Firebug (an extension for Firefox) says the error has to do with the jquery easing plugin that xen carousel uses. I’ll play with it some more and see if I can’t come up with a fix. I had trouble with the easing plugin on another project recently as well.
I’ll post an update of the plugin in the next few days.
Thanks again for reporting this bug, and for using one of my plugins. I appreciate it!
- Eric Marden
Thanks, I’l wait patiently for the update!
Is it to do with the latest function name changes in the jquery easing plugin?
Not sure. The example link above is running the same version you downloaded and it has held up fine. I’ll debug it and see if I can get it working again (or at a minimum remove the easing support for now).
-e
Alright!
Hey Eric,
Did you find a fix yet?
Sorry for the late reply. I’m rolling out a new version of this tonight that fixes up the but with the jQuery easing plugin.
v0.10 is officially released and includes some important updates, including a fix for the bug Connor raised.
Am I correct in saying as long as images are ‘Attached to’ a blog post in Wordpress they will be pulled into the XENCarousel list in the HTML? My understanding is once XENCarousel is activated you just need to have a Wordpress gallery with images in it attached to a post. I’m seeing the XENCarousel HTML…with no images in the unordered list even though they have been associated with the post. Thoughts?
Ok, it turns out you can’t see the XENCarousel in Wordpress preview mode. The post has to be published in order for the plugin to kick in. That being said, I’m at a loss for how to add more than one image to XENCarousel. Any advice would be greatly appreciated. Thanks.
You associate an image form your Media Library with the post, using the meta box on its page. All associated posts will have their images linked back to them in the carousel. To add more images, just associate an image to more posts.
So…if I want one post to have five images in the carousel I can’t add all five images using the meta box in that one post? I have to associate the images to other posts?
Yeah, that’s the idea behind the carousel… To link it to posts and pages you have to call out parts of your site, not to create a carousel of an image gallery.
Check out Agile Development with Rob for example of its usage.
Ahhh…I see. I thought I could leverage this to create an image gallery. Oops. I’ll keep searching. Thanks! Looks great as far as what it was intended for, LOL.
Check out the Galleria, or NextGen Gallery plugins.
I am using this plugin to link to PAGES of my site on a static start page. It is working awesome, however, on my posts (blog) page, I am seeing the carousel (which I don’t want to see) and it is not displaying my posts. Any guidance you could provide on this would be appreciated. Thanks.
Which file did you insert the template tag into? This is more than likely the cause of it showing up on the static homepage and your blog page.
You can probably fix it by wrapping it in a check of is_front_page like this:
if ( is_front_page() ):xencarousel_output();
endif;
Thanks for the quick response.
I figured it out, I had mistakenly inserted the tag into the index.php page.
Thanks again, AWESOME PLUGIN!
I’m glad you got it sorted. Your implementation looks good, too. Thanks for the kudos.
firebug sais:
a[0] is undefined
any idea??
I was going to your site to check it out, but it looks like you deactivated the plugin. More than likely this error is caused by something else, but I’ll happily take a look and see if XEN Carousel is conflicting with something else on the page (and vice verse). Let me know when you’ve reactivated the plugin.
~/eric
I’m doing tries… let me activate it
… and deactivate everything elese…
There doesn’t appear to be any slides loaded for the carousel. Add a slide to one of your posts or pages, and it should go away.
However, I will apply a fix to keep it from outputting this error when there aren’t any slides associated with posts.
Thanks for reporting this issue!
~/e
Hi…
Thanks for your plugin, but I can’t find the information how to place a border like yours on your Demo…
I mean the JPG or PNG frame around the rotating images… can you tell how?
Thanks
Its all done with CSS. Just set the width and background on #xencarouselcontainer div and you’ll be halfway there. We plan on writing a tutorial on themeing XEN Carousel very shortly.
YOU!!!!! are a life saver!
I’m a new web developer and just started working with jQuery and wordpress. After spending a whole day trying to figure out how to do a carousel effect with jQuery on my home page. I came across your plug-in on the wordpress web site and BOOM!
Awesome. Thanks for the Kudos. We’ve got some awesome updates planned for the near future, so stay tuned.
~/e
I can’t remove an image from carousel. I’ve tried removing the text from the form but the image keeps appearing in admin and the front end. I have ver. 0.10 with WordPress 2.8.5., testing on inainte.vremea2.com
Do you know about this issue ?
Thanks for reporting this bug. I will develop a fix for it. Keep an eye out for updates.
~/e
AM,
You’ll be happy to know that I’ve submitted v0.12 of the plugin that adds a delete button to the post/page screen. Just mouse over the thumbnail and click the Red X.
Thanks again for bug report!
Thanks, works fine now.
As I’ve looked better it seems that:
- When I delete an image ( pressing the red X ) that post is still showing in the carousel but without image. Output is just img src=”".
- The red X is showing only to posts. The pages included in the carousel still does not have a delete button.
I think I know what is going on. I should have a fix out today. Thanks for your patience!
I just tested this and did not get the same result.
Can you confirm that you are using the latest version of the plugin? Most current is v0.12.1
Yes, it’s 0.12.1
Which browser are you using? I need to do some further testing to see if I can discover why you are having the issue that you are.
Also do you have a link to the page the carousel is being output on that you can share?
Thanks for your help in debugging this issue with me.
~/e
I’ve used Firefox 3.5.4 and IE 8.
I’ve tested on inainte.vremea2.com
Thank you. I will do a full browser test today and see if I can’t recreate your issue.
A couple more things for you to check, if you don’t mind.
In the database, there should be _xencarousel_image_id and _xencarouel_image meta_key(s) in your postmeta table. One set for each post/page with a slide on it. Do all of these have values?
Also, please check your media library to ensure the images you have associated exist there and also on disk in your uploads folder.
Thanks!
Print screen from phpmyadmin
http://img510.imageshack.us/img510/8070/xencarouseldb.png
It looks like when you delete the image from the carousel option it doesn’t delete the db entry for that image, it just clears the field.
Still not exactly sure how this happened to your set-up, but you can delete those entries from the DB and re-associate your slides to your posts/pages, if you just want to get it done and over with.
I’ll continue to test on my end and see what I can come up with.
Thanks for putting this together.
FYI: I’ve been playing with this for a couple weeks now too (and finally getting real images in place), and am experiencing the same issue AM described (Version 0.12.2). I have access to the db and am trying to delete the entries there. Email me if you’d like the location of our php info file.
Thanks for trying to help out.
I could manage the carousel from db but I’ve chosen your carousel because of the easiness to work with from the wordpress interface, the person that I helped to implement it does not have the knowledge to use phpmyadmin.
Thanks again.
I understand that, but you guys did something out of the ordinary and I can not repeat your results.
Deleting the empty keys would be a one time thing only, and that’s so that you can move forward. I mean, you’re going to have to remove them either way. If I can discover a way that the plugin somehow did this, I will write code to keep it from happening again, but it wouldn’t make sense for me to write clean up for what so far appears to be an isolated incident.
By resetting the DB you can then go back and use the admin to set up the carousel cleanly with the latest version.
I’ll keep testing but so far, everything works as intended.
just out of curiosity, do you know what the server stack looks like?
* Operating System name and version
* Web Server name and version
* PHP version (and whether its cgi or mod_php)
* MySQL version
It’s a simple godaddy hosting package.
So far I’ve tested on another Wordpress, on Godaddy also. The same results: impossible to remove an article from carousel.
I will try later on other hosts, maybe on a fresh installed wordpress.
Its no secret that I”m not a fan of Godaddy Hosting, but I will see if one I know any one with a godaddy account that I can possibly test it with.
If you add a php file to the site with this function inside:
phpinfo();it will tell you the configuration. There maybe something in my code that its version/configuration of PHP doesn’t like. If you can get me that information I can try and set up a similar environment to better debug it.I’m committed to getting this to work for you.
Here it is: inainte.vremea2.com/info.php
What a wonderful plugin! Beautiful simplicity.
Only one minor hickup: The external controls don’t show up… After reading through this site I assume they are to appear automatically, right??
Well, mine don’t. My website is still in development phase so I don’t have an active link to show, unfortunately. I’ll continue to try to work through this, if you have any pointers for me, please shoot!
Please check the source that is output. There should be a next and previous text link. It is up to you to style them as images (buttons) if you like.
~/e
I got it working! Excellent!
Looking forward to future updates for more control
Glad you got it working. I’ll be working on some new code soon.
Thanks for your plugin.
hi,
I’ve followed your instructions on how to install. However, all I get is next/previous, a dot and a’|’ next it, which when clicked takes you to the post associated with the images (I think), but no images.
I’m a bit confused with the ‘image tags’ as I can’t find a tag field. I have attached the images I want to use, to the pages they relate to and I’ve done the same for posts (Attached image). All images that I have attached say they are attached to specific pages when viewing in ‘Media library’
Also, when I looked through the files in the ‘edit plugins’ page i notice that only ‘xen-carousel.php’ is ‘active’ all the others are ‘inactive’. The plugin has been activated! Is this right?
Is there anyway you could point me in the right direction?
RE.My previous post … please ignore as I’ve sorted it out!!
Glad to hear that!
got almost everything going…. but can’t get the next and previous links working.
What code do I call to move to the next/previous image in the carousel?
thanks
Its all done with CSS. Relative or Absolute positioning will get you pretty far.
Hi Eric,
could you give me some more help with the ‘next/previous’ navigation please.
I’ve searched and searched for a solution, but can’t seem to figure it out…. I must be over looking something.
Also, the carousel shows up on all pages except the default page. How can I get it there?
examples
http://www.knucklascastle.org.uk/blog/ – not showing
http://www.knucklascastle.org.uk/blog/?page_id=72 – showing
thanks
confused Kate!
Where do you want to put the next/previous links? To the left and right of the carousel, vertically aligned? Something else? Give me some details on how big your slides are and where you want the links in relation to the slide, and I’ll cook up some CSS for you to start with.
As for it showing on the blog page, but not the blog listing… Sounds like you inserted the template tag in single.php but not index.php. You’ll need to insert it into any template that you want it to show on. If you haven’t check out the Template Hierarchy for WP Themes, so you can get an idea of which theme file is called when: http://codex.wordpress.org/Template_Hierarchy
Let me know if you have any other questions.
Hi Eric
Thanks for the quick reply.
The issue with the previous/next link are not where they sit, it’s getting the links to get the next or previous image ie
next>> = currentImage + 1
<<previous = currentImage – 1
I just don't know what I have to call in the hyperlink to get this to happen, as I presume the images are referenced by the date they uploaded.
Sorry hope my explanation is not too confusing…
And Yes, I had called the carousel in single.php! thank you for pointing out the index.php it's displaying fine now:-)
Thanks
Kate
Kate,
Can you look in your theme file (probably in footer.php) and confirm that you have this php snippet somewhere in the code?
wp_footer()The JavaScript required is not present when I view source, and this is more than likely the cause. Also, check that you have
wp_head()(probably in header.php) as well.Hey Eric,
I’ve had a look around at the various scripts out there and xen seems like the winner for what i need.
Anyways, i followed instructions to unpack and install then and i’ve attached images via the metabox (and it shows as being complete in the media tab).
I even dropped in my header and it’s now outputting any records (just blank html) so only the next / previous span’s are being displayed.
testbox: lucy.mine.nu/localloops
Any suggestions to stupid stuff i’ve missed before i get stuck in and get my hands dirty?
When you edit the posts or pages do you still see the attached photos? Can you check the postmeta table for option_names that begin with _xencarousel?
Sorry, i was just being a fool.
Turns out my head isn’t in the game after a two hour bike ride and 8 hours of uni.
Excellent plug in, and i look forward to your future updates
Glad you’ve got it sorted!
Eric,
I’ve downloaded, activated and inserted the php code into a page I want it to show.
However, when I try to add an image it says “No Results” even though the image is available via the web and in my Media Gallery.
Any ideas?
Search by the title or filename as listed in the Media library and it should find results. Make sure you’re also on the very latest version as the search algorithm got a lot better in the last couple of versions. If this is still not working for you, let me know.
~e
Eric,
It absolutely worked!!! thanks.
However, still does now show up.
http://about.comedypulse.com/ the source snippet from the page is:
It looks like you inserted the code in the post body, which made it print it out literally in the source code.
You have to place this in a theme template file:
< ?php xencarousel_output(); ?>The next version will have a [shortcode] that will let you put it in the post body in the wp-admin. Stay tuned, it should be out shortly.
Thanks, will stayed tuned for the shortcode, don’t want to mess with the theme template file.
Great plugin! Quick question though, is it possible to set it up so that each rotation shows multiple images/posts, instead of just one?
Not yet. We are working on an options screen to control things like this. Its possible by hacking the xencarousel.js file but I don’t recommend doing this, since your changes will be overwritten in future updates to the plugin.
Hi Eric
Thanks for an excellent plugin. I’ve still sorting out my blog, but the main issue for me is that the image displays flush left and even if I include “left: 20px” in the css it is overwritten by element.style. It’ll make sense when you see the animation on my home page.
Can you see any reason why this is happening? I only suspect that it could be my theme, but I’m not sure.
Thanks,
Gregg
Try something like this in your style sheet:
#xencarouselcontainer {
margin-left: 10px;
}
padding-left may also do the trick
Thanks so much Eric … I can’t believe I didn’t try that! I’m looking forward to the additional features in your next release. Thanks again for a great plugin.
I see that it has no limit on the number of articles it outputs. Somewhere in your code I’ve seen a limit of 5 items but the output is with all the items with a image added to carousel. Is’it an issue you know about or it’s designed that way?
Currently this is how it is designed. The control panel we are working on will allow you to control all sorts of things, including the number of slides, the order of the slides, and which carousel the slides belong to (i.e. allowing for multiple carousels and not just one).
Hi Eric
Thanks so much for the tremendous support! The plugin was working fine for a while and now, for some reason, the images are drastically cropped – 21px high.
I deleted and reinstalled the plugin, cleared my cache and deactivated all the other plugins, but everything is still the same.
I can only think of three things that could be causing the problem:
1) I altered the images, reuploaded to the media library, deleted from the page and added them once again to the XEN options.
2) My posts and pages could be responsible because I changed the image.
3) My stylesheet changed, but nothing significant.
I also noticed that the plugin appears to retrieve posts that do not have images associated with them.
Any ideas?
Cheers,
Gregg
Can you look in your postmeta table in the DB and tell me if you have values for the keys that begin with _xencarousel*?
also, did you alter the images? What _xencarousel stores is the image id in the media library, so changing that would require the image to be reassociated to the post.
Hi Eric
I’ve isolated the problem and it’s a post that doesn’t have an XEN image associated with it, but does have an Amazon shortcode within the post that generates thumbnail images.
I’m not sure why it would be creating a conflict, but if I change the status to “Draft” for this post then the problem is resolved.
Any ideas what I should do?
Regards,
Gregg
Just to say, i’m totally looking forward to 1.0.
Multi-carousel’s FTW.
Does this plug in work with wordpress-mu?
I’ve been trying to get it to work, but when I try to associate images with pages or posts by using the search box, I come up with no results, even when I type in the filename or title of an image in my media library exactly…
I’m not sure if this is simply a mu issue or not, or if there’s something else going on…
Please make sure you’re using the latest version, and try again. If the problem continues, let me know.
Not 100% sure it does yet. I’ll test and see if there is anything I can do to update it to work with MU.
It seems to be working now (on wordpress-mu as well).
I think the issue I was getting had something to do with the server environment I was working in. I have the wordpress site behind SSL and I’m not entirely sure if that’s contributing to it in some way.
Hi there
I’ve been playing with this for a couple of hours but perhaps I need to step away from it.
I cannot get the carousel to appear anything like the ‘Agile with Rob’ page.
I’ve tried to use the same CSS as the example page, but it still looks nothing like it – where am I going wrong?
You can see it here: http://www.danielnelson.co.uk/
Thanks in advance
Daniel
Make sure you theme is calling wp_footer() … More info: http://codex.wordpress.org/Theme_Development#Plugin_API_Hooks
Hi Eric
I’m a little confused – my theme is calling the footer – I’ve called it twice now but it doesn’t really make any difference to my page.
Are you sure it’s related to the footer?
Daniel
Before I couldn’t see any of the JavaScripts being added to the plugin (which will target wp_footer for inclusion in the theme), and now i can.
The CSS can be a bit trickier, but essentially you put a background on #xencarouselcontainer, position the slides inside on the #xencarousel1 div, and style .prev and .next in order to turn the previous/next links into images. #xencarouseloverlay can be used to have something ‘float’ over the top of the slides, as in the example on the Agile Dev with Rob site.
Thanks Eric
I’ll give it another go and see how I get on.
Daniel
Eric,
Can you take a look at my site? The carousel isn’t rotating and if I add more than one image, they display below each other. Right now I have an animated gif in place to give the illusion of rotation.
http://www.candicepillay.com
Thanks.
Everything looks to be in place (javascripts and markup). However, you only have one slide loaded currently, so I can’t test it any further.
Unfortunately, adding a second or third image creates an undesired effect. I’ve created a test page here for you to see it with multiple images. http://www.candicepillay.com/test
Thanks for your help.
Just following up.
Did you have a chance to look at http://www.candicepillay.com/test
I created a test page here for you to see it with multiple images.
eyei3,
You have a javascript error on your site: “uncaught exception: Syntax error, unrecognized expression: /themes/pyrmont-v2″
I’m pretty sure that it’s caused by another plugin, maybe mine, but its caused by your theme or some other plugin. You should try disabling each one in turn to figure out which one it is.
The carousel will still need more CSS styles, but it should still only show one image at a time, and rotate automatically out of the box one you have more than one image.
~e
P.S. – thanks for being patient, but also for reminding me to answer you
Hi Eric
Is there a way of having more than 5 images pulled out from the images tagged om the posts. ie if there are say 20 posts with tagged images attached, can the carousel cycle through all 20 images?
thanks
Kate
Is it possible to have more than 5 images displaying in the carousel. I’d like it to display images from all the posts that have uploaded images. How do I go about doing this?
Thanks
Kate
Great plugin and works like a charm.
How do i reduce the speed of the slides ? I want each slide to stay a bit more on the page . Any Ideas ?
The only way to do this now is to change the options in the xencarousel.js file (increase the value of speed: 600).
We plan on making this an option in the admin soon.
Can we show more than 5 slides ?
There is no limit on the number of slides. If you find one, let me know.
actually I found one:
LINE 234 – xen-carousel.php – Version: 0.12.2
$carousel_posts->query(’showposts=5&post_type=any’); //Uses same parameters as query_posts
I changed “showposts” value to have it my way. shouldn’t be hard to make it dynamic either.
I did not find any limit in adding caroussel images in the backend though…
(didn’t bother in checking if this is the latest version I am using)
regards Pedro
Thanks!
Hey Eric, so I’ve read the whole wall here but didn’t see my issue addressed…
Any Idea how to pull in description data… anything other than just the image, or image, page/post title?
I have used: just after the opening element in the actual carousel, and so am able to bring in the page title associated with a given image, but that’s it.
NOTE: trying to add it to the “#xencarouseloverlay” didn’t change the value for each image. Only the first to rotate through the carousel displayed the associated style. So not sure yet how I’d use that div, although it “sounds” like what I’d want to use it for…
Really would like to use this to bring in a short description from somewhere’s.
Look at this mock: http://erm.copper29design.com/assets/imgs/ERMhomepage.JPG
The module in the top right is what I am trying to achieve. I feel confident that I can style this thing appropriately, but just need to see it bringing in data that I can use.
Thanks for an as of yet super simple plugin!
NOTE: This is my first wordpress site/theme, so if this is a newbie question… that answers that. Any help would be greatly appreciated.
Best,
REPOST: using code tags this time – my apologies.. not to harp, since you’re clearly a very helpful dude, but you should leave a little note of the tags that are usable in your comment form.
Hey Eric, so I’ve read the whole wall here but didn’t see my issue addressed…
Any Idea how to pull in description data… anything other than just the image, or image, page/post title?
I have used:
just after the opening element in the actual carousel, and so am able to bring in the page title associated with a given image, but that's it.NOTE: trying to add it to the "#xencarouseloverlay" didn't change the value for each image. Only the first to rotate through the carousel displayed the associated style. So not sure yet how I'd use that div, although it "sounds" like what I'd want to use it for...
Really would like to use this to bring in a short description from somewhere's.
Look at this mock: http://erm.copper29design.com/assets/imgs/ERMhomepage.JPG
The module in the top right is what I am trying to achieve. I feel confident that I can style this thing appropriately, but just need to see it bringing in data that I can use.
Thanks for an as of yet super simple plugin!
NOTE: This is my first wordpress site/theme, so if this is a newbie question... that answers that. Any help would be greatly appreciated.
Best,
REPOST: ugh, 3rd times a charm. Using code tags PROPERLY this time – my Uapologies.. not to harp, since you’re clearly a very helpful dude, but you should leave a little note of the tags that are usable in your comment form.
Hey Eric, so I’ve read the whole wall here but didn’t see my issue addressed…
Any Idea how to pull in description data… anything other than just the image, or image, page/post title?
I have used:
?php echo $image['title']; ?just after the openinglielement in the actual carousel, and so am able to bring in the page title associated with a given image, but that’s it.NOTE: trying to add it to the “#xencarouseloverlay” didn’t change the value for each image. Only the first to rotate through the carousel displayed the associated style. So not sure yet how I’d use that div, although it “sounds” like what I’d want to use it for…
Really would like to use this to bring in a short description from somewhere’s.
Look at this mock: http://erm.copper29design.com/assets/imgs/ERMhomepage.JPG
The module in the top right is what I am trying to achieve. I feel confident that I can style this thing appropriately, but just need to see it bringing in data that I can use.
Thanks for an as of yet super simple plugin!
NOTE: This is my first wordpress site/theme, so if this is a newbie question… that answers that. Any help would be greatly appreciated.
Best,
Hi Eric,
Thanks for a super simple, usefull plugin!
The only problem I have is with the next & previous buttons.
The text is selecteble and thus the selector cursor is showing up.
I want the hand (button) cursor to show up.
I know it’s a minor issue but I would appreciate it very much if you could point me in the right direction!
Also the picture title on top of each image would be great!
Any chance this will be in a new version?
I got this question from a client. I’m a designer not a developer, maybe we can do some business?
Cheers,
Heyman
Hi Eric,
I got 2 other problems as well.
Hoop you can help!
1)
I can’t get access to #xencarouseloverlay
When I use:
#xencarouseloverlay {
background-image:url(‘http://www.tvzeist.nl/vistv.jpg’);
}
Nothing happens, What am I doing wrong?
(I want a logo on top of the pictures)
2)
How do I get the next & prev buttons on top of the carousel pictures.
If I use:
.prev, .next {
position:relative;
left:100px;
top:-12px;
}
They slide under carousel pictures.
My testing location:
ttp://www.tvzeist.nl/wp
Cheers Heyman
Solved the second question. I used the CSS from Daniel Nelson
http://www.danielnelson.co.uk/
Maybe somebody can use it too, so here is it:
#xencarouselcontainer span.next {
background-color: transparent;
background-image: url(http://www.tvzeist.nl/vistv.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: -23px -23px;
display: block;
height: 23px;
width: 23px;
cursor: pointer;
text-indent: -9999px;
text-decoration: none;
position: relative;
top: -113px;
left: 400px;
z-index: 4;
}
#xencarouselcontainer span.prev {
background-color: transparent;
background-image: url(http://www.tvzeist.nl/vistv.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 0pt -23px;
display: block;
height: 23px;
width: 23px;
cursor: pointer;
text-indent: -9999px;
text-decoration: none;
position: relative;
top: -90px;
left: 10px;
z-index: 3;
}
Thanks Daniel Nelson;
http://www.danielnelson.co.uk/
Cheers
Glad it worked for you.
I haven’t yet worked out how to get the prev and next to appear on top of of my carousel. I have been too distracted by freelance work to finish my own website – how ironic.
If anyone has a definitive answer, I would love to hear it.
Any new status on the release of version 1.0?
We’ve been sidetracked a bit with client work, but plan on picking this back up very soon. With all the changes coming out in WordPress 3.0 we’re shooting to have the entire plugin rewritten to make use of the new features and be ready to rock and roll within a month of 3.0 going live.
This seems to be a pretty good plugin. I’m having a problem though… the next and previous links aren’t working. I’ve changed the slider to show 7 thumbnails and this is working. It’s showing fine and adding thumbnails is easy enough. Heres a link: http://www.zoole.com/collecting
Hello again,
How do I get the scroller to display more than 1 frame? I would like it stretch the width of my website design with say about 7 images showing at once and then scrolling through the hidden ones. I managed to get the javascript working by placing the header and footer tags within my template file.
Any help would be awesome!
You can do this by modifying the xencarousel.js file. It uses jcarousel lite in the backend, so any of their options will work for this. We’ll be adding full options for all of jcarousel lite’s features in a future release.
The next/prev links seem to working for me.
How can i increase the number of thumbnails in a slider? I would like to put 4 thumbs.
You want to see 4 at a time, or have 4 images in total?
I want to see 4 at a time but have around 10 in total
Love this plugin! Thanks!
I try to get it working with the thesis theme. I did this:
function custom_page() {
if (is_front_page()) {
?>
<?php }
}
But is doesn't work, what am I doing wrong?
Thanks
Heyman
Srry all the code got filtered out…
Heyman,
Try posting your code here: http://gist.github.com/ and commenting back here with the link
This looks like exactly what I’m looking for. Only thing I would want is for the page/post title to display under the thumbnail. What would I have to modify to make that happen?
This would require a bit of hacking of the core plugin code, most specifically the template tag used in the theme. You’ll need to pull in the title, etc in the plugins main functions and then format it as part of the output from the template tag.
Hey Carolyn, you can edit the xen-carousel.php file and change line 178 (i think) to:
<a href="" title=""></a><a href="" title=""><img src="" alt="" width="369" height="261" /></a>
i have it set to display the title over the image but you dont have to do that. you can see it at jenyus.com/test
all my code disappeared. could you put it back, eric?
I did my best to restore it properly. If what is there is not what you posted, feel free to email me the code, and I’ll will update it. In the future you can surround code with <code> </code> tags and it should show up just fine and not get mangled.
i have a quick question: is there a way i can make it display posts from one specific category?
Thanks!
Right now it just shows those posts/pages that have a slide attached to it. If you want it for the whole category, each post in the category will require a slide. Eventually I’d like to make this more data driven.
Hi Eric
Awesome plugin, if I could get it to work! I am getting this error message in firebug:
jQuery(“#xencarousel1″).jCarouselLite is not a function
A basic stylesheet would be useful, as the link to agile rob no longer has a working example.
Make sure you theme is calling wp_head and wp_footer in the appropriate places. That’s probably why the JS isn’t being automatically added to your site. The plugin is being architected for WordPress 3.0 (only) and will soon contain a lot more options and useful documentation for skinning the plugin. Stay tuned.
Thanks Eric
I’m gonna wait till WP3 is unleashed and give it another try then, am looking forward to seeing the new features.
hi
i want to retrive the Xen crousel image to post while selecting particular category so please can u help me on that
the plugin doesn’t support that yet.
Hey Eric,
Is the sidebar required for successful operation of the Carousel?
I’ve got a theme which has all it’s functionality replicated elsewhere and the it doesn’t appear to work with it not included (works on the default theme) All i get is the images being displayed in a column downwards a couple pixels down and right from the elements start.
I’m not sure if it’s that or that i’m using include to bring in the updates.php file.
Thoughts?
Okay, so this is the second time i’ve posted a question then answered it myself within 30 minutes of asking.
(i had messed up a tag in my footer)
Again, thanks for the awesome plugin.
Glad you got it sorted.
Hi Eric,
I didn’t have the above code in the said files, but put them in. Tried putting them in different place in the code, but still no change.
Just want to get hyperlinks ‘next’ and ‘previous’ to pull next and previous images in the carousel, therefore get images rotating. Everything static at the moment, though there are load of images up loaded and attached to posts.
Do I need next?
Do i to call up ‘jCarouselLite.js’ somewhere, to get it moving?
thanks
Kate
We’re definitely making progress. Now that you’ve added
wp_headandwp_footerinto your theme, the javascript files are being added automatically. (View source and you’ll see what I mean. The XEN Carousel javascript files will be near the bottom)However, it now seems as if you’ve made changes to the output function of the plugin. If you simply restore/reinstall the plugin files to their original form it should just work. Changing the mark-up will cause the javascript to break, as it is looking for a particular ‘pattern’ for it to do its magic.
Let me know if you still need help getting this going.
Thanks!
~e
Sorry Eric I feel a right pain… I removed my previous muck up and reinstalled again, don’t know why I didn’t before.
Great it works!! It displays one frame and cycles through the last 5 images posted.
Now I want to display 5 images horizontally across the screen, scrolling one at a time. Where do I do this?
In jcarousellite.js in comments at the top you explain what to change, presumably in the code below. However, I’ve set visible to 5 etc, but to no effect. I made the same changes in xencarousel.js with no effect.
Is it done through the pages? or some where else?
kate
It will probably require some CSS work as well, but changing xencarousel.min.js (the file actually in use, the other is the un-minified development version) to set the ‘visible’ option to 5 will get you started. Also keep in mind that this all works much better when the images are all the same size.
The options panel we are working on for this plugin will allow for more control with out having to hack the plugin.
Keep in mind that all changes to the plugin’s files will be overwritten if you auto-update it for the next release.
Let me know if you have further questions.
~e
Thanks so much for your patience Eric, finally got it working!!
Just one more question, is it possible to have more than one carousel running. My client wants one large carousel running with the latest images from each section of the blog… which we now have.
They also want separate slide-shows for each section, displaying the latest images posted to that section. So in effect separating the images out into different slide-shows for each section.
Is that possible….?
kate
Not quite yet. This is on our roadmap for 1.0.