262 comments found.
Hi.
I just purchased your carousel and I have a problem. I’ll be using this carousel to cycle through product shots and one page I’m creating only has 3 images. When setting ‘slidesPerScroll’ to 3 this has no effect and I only ever see the first image in the stack. The other two images should be side by side the first image.
Can you advise how to get this working please?
Thanks.
the carousel will always hide the last two of the images. if you only have three images, it will only show the front image.
to display all slides, you need to modify the carousel JavaScript files. Open the jquery.carousel.js file then comment out line 278 – 280, like so:
/*
if (hiddenSlide < 2){
hiddenSlide = 2;
}
*/
Does this have the option for a horizontal scrollbar – to scroll / scrub though the images? Instead of the ‘dots’ navigation? And if not, how easy to implement? Thanks!
Sorry, it does not have scrollbar navigation
Love this carousel! My only issue, its not rendering properly in IE6-8. Carousel is displaying down in a row. all other browsers ok. Can you help? i feel like their is something i need to remove the comment on, not sure. Below is live code:
http://www.stjohns.edu/about/marcom/student_athletes_3.stjWe have not find what cause the problem. But, we think it is cause by using it inside the iframe element.
Have you try to use it directly on your page without a frame?
I was looking at buying this but had a question. Can you use this with custom post types? Example: The images are the featured image of a custom post type and the description is from the custom post type with the ability to filter?
Do you want to use it in a WordPress?
Hi I have the big problem. If i use the different width image the image on the carousel are deformed. can i resolve this?
We recommend to use same image’s size
Hi, one more question. How can I disable slide loop?
You can not disable the loop. The carousel will always loop as long as it runs.
Hi, thank you for excellent plugin, but I have a problem. When the number of slides exceeds about 20, the slide action becomes very slow and the animation cannot been seen. Any solutions?
the more image you have, the carousel will be more slow
Is this a valid Wordpress Plugin? Does not seem to be…
this is a jQuery plugin, not a WordPress plugin
I am having trouble replacing a theme’s existing slider with this one. Can you assist? I can’t get it to show up in the right spot. I would like to use it on the homepage below the main nav & above the large orange box. Thanks in advance!!
http://kwautomation.com/You need to remove the existing slider inside the ‘slider’ section then replace it with the carousel. You can see the structure of the carousel in the example file.
This carousel rocks! Saved my bacon on a current project. Is it possible to add descriptions just below the active image? If so, how? Thanks in advance!
You can see the example of description in the download package
Thanks. I saw those examples. Sorry. Maybe i wasn’t clear.
The examples in the “with_descriptions” folder have the descriptions on the side. What I wish to achieve is to have “captions” beneath the active image. Like Example01 in the main folder but with a description below the active image. Not like the example01 or example02 “with_descriptions” folder.
About that, you can change the structure of the example01 inside the ‘with_description’ folder, like so:
<div class="carousel"> <!-- BEGIN CAROUSEL -->
<div class="slides"> <!-- BEGIN SLIDES -->
</div> <!-- END SLIDES -->
<div class="description"> <!-- BEGIN DESCRIPTION -->
</div> <!-- END DESCRIPTION -->
</div> <!-- END CAROUSEL -->
and then make a small change to the carousel.css file, like so:
.carousel .slides
{
margin :0;
padding :0;
border :none;
list-style :none;
position :relative ;
overflow :visible ;
}
.carousel .description
{
position :relative ;
width :100%;
height :300px;
margin :0;
margin-left :10px;
padding :0px;
}
.carousel .description div
{
width : 100%;
height :300px;
}
Loving this carousel slider, just one question if I may, how do I write some code so I can choose what font to use within the description boxes for each image in the slider.
Keep up the great work and many TIA 
You can see the example of description inside the download package.
You can change the font through CSS.
I can’t seem to get the carousel to work properly with asp.net master pages. I can get the images to display and move but the controls or reflections do not appear. It works fine when not using master pages. Any ideas?
Can I see the live page?
Hello I made a purchase and I’m trying to implement example 11. However while the transitions occur correctly, the effect of having the images behind is not working. Please help.
The url is: http://www.grabyourspace.com/client-sites/mcis/
The slide can be found on the left of the page. I even tried copying your exact code for this effect. Any help would be appreciated, I need this A.S.A.P.
I see your carousel have been working well like example 11
i am insterested on buy it my question are, It can support with good performance a lot of images and videos (mp4 slef hosted with AUTOPLAY) ? example 100 images and then a videos … ? have integrated some kind of lazy load or any stuff for handle big sites?
the images is loaded in the same time, so the more images you have, the more slow your page’s first loading
Great carousel. I would give you 5 stars if there was a way of doing so on this site, spent 1 minute looking how to then gave up:-)
Your temporary 5 stars are here
- * * * *
purchased this carousel, working great for me. Have problem when rendering images from a database. Everything is working OK but before the JavaScript is initialized all the images appear on the screen for 1 second. Is it possible to show the images in the right place after full inializing the slider?
Thanks
I do not understand what do you mean
Here is my example code:
<?php
$argsProjects = array(
'child_of' => get_cat_ID('Projecten'),
'meta_key' => 'inSlider',
);
$projects = get_posts($argsProjects);
?>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/inc/jquery-carousel-evolution/HTML/scripts/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/inc/jquery-carousel-evolution/HTML/scripts/jquery.mousewheel.min.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/inc/jquery-carousel-evolution/HTML/scripts/jquery.carousel-1.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.carousel').carousel({
hAlign: 'center',
vAlign: 'center',
hMargin: 0.55,
vMargin: 0.4,
frontWidth: 300,
frontHeight: 200,
carouselWidth: 1000,
carouselHeight: 260,
left: 0,
right: 0,
top: 20,
bottom: 10,
backZoom: 0.8,
slidesPerScroll: 5,
speed: 400,
directionNav: true,
buttonNav: 'buttons',
autoplay: false,
autoplayInterval: 5000,
pauseOnHover: true,
mouse: false,
shadow: true,
reflection: true,
reflectionHeight: 0.12,
reflectionOpacity: 0.5,
reflectionColor: '0,127,30',
description: true,
descriptionContainer: '.description',
backOpacity: 1,
before: function(carousel) {
$('.description').hide();
},
after: function(carousel) {
$('.description').fadeIn('fast', function() {
// Animation complete.
});
},
});
});
</script>
<div class="carousel"> <!-- BEGIN CAROUSEL -->
<div class="slides"> <!-- BEGIN SLIDES -->
<?php $descriptions = ''; ?>
<?php //for ($i = 0; $i < 3; $i++) : ?>
<?php foreach ($projects as $project) : setup_postdata($project) ?>
<?php $postUrl = get_permalink($project->ID); ?>
<?php if (has_post_thumbnail($project->ID)): ?>
<?php $post_image = wp_get_attachment_image_src(get_post_thumbnail_id($project->ID), 'single-post-thumbnail'); ?>
<div> <!-- SLIDE ITEM -->
<a href="<?php echo $postUrl; ?>">
<img src="<?php echo $post_image[0]; ?>" />
</a>
</div>
<?php $post_image = ''; ?>
<?php $descriptions .= '<div>' . $project->post_title . '</div>'; ?>
<?php endif; ?>
<?php endforeach; ?>
<?php //endfor; ?>
</div> <!-- END SLIDES -->
<div class="description">
<?php echo $descriptions; ?>
</div>
</div> <!-- END CAROUSEL -->
images are loaded from a database. This takes one second and before they are loaded the images are displayed as full image, not in the slider box. After the second the images jumps to the right place in the slider. hopefully I can make it as clear.
Can I see the live page?
Hello, I tried to add class to current slide in jQuery Carousel Evolution but I don´t know where I should to paste the code you have posted. Coud you help me please?
Follow these steps:
1. add a new class to the current slide when first time initialize:
$(document).ready(function(){
var myCarousel = $('.carousel').carousel();$('.carousel').find('.slides').find('div').eq( myCarousel.current ).addClass('newClass');});
2. use callback function to add a new class to the current slide after transition:
$(’.carousel’).carousel({ before: function(carousel){ $(’.carousel’).find(’.slides’).find(‘div’).removeClass(‘newClass’); }, after: function(carousel){ $(’.carousel’).find(’.slides’).find(‘div’).eq( carousel.current ).addClass(‘newClass’); } });
before: function (carousel) {$('.carousel').find('.slides').find('div').removeClass('actif');},
after: function (carousel) {$('.carousel').find('.slides').find('div').eq( carousel.current ).addClass('actif');}
};
but it does´nt work 
Follow these steps:
1. add a new class to the current slide when first time initialize:
$(document).ready(function(){
var myCarousel = $('.carousel').carousel();
$('.carousel').find('.slides').find('div').eq( myCarousel.current ).addClass('newClass');
});
2. use callback function to add a new class to the current slide after transition:
$('.carousel').carousel({
before: function(carousel){
$('.carousel').find('.slides').find('div').removeClass('newClass');
},
after: function(carousel){
$('.carousel').find('.slides').find('div').eq( carousel.current ).addClass('newClass');
}
});
Hi there, great plugin…. very happy with it…. one question though.
Can it have a border round the images AND the shadow enabled. When I add a border to the slideitem in the CSS as per your method on page 6 of the comments it works great until I enable the shadow… the border then expands round the shadow at the bottom.
If I add a border to the image only it gets cropped off right and bottom.
Not a big issue but if I can have a border round the image and the shadow that would be great.
Thanks in advance.
Sorry, you can not have the border and shadow at the same time
Hey,
I Purchased this awesome Plugin and THUMBS UP! – but now I have a question: is it possible to show only 3 Pictures? :/
Thanks!
you can display 3 pictures by setting the ‘slidesPerScroll’ to 3
Does this plugin not support multiple Carousel’s on a single page? If so, how?
Thanks.
you can display multiple carousel on a page. you only need to initialize each carousel differently.
Are you sure? The one with the descriptions? When I use multiple carousel with descriptions, only the first one has descriptions, but the images rotate just fine. I will try again…
I have initialized them differently. It still does not work with multiple carousels that have descriptions.
NVM, I figured it out and got it working. Thanks.
