Code

Discussion on jQuery Carousel Evolution

Discussion on jQuery Carousel Evolution

Cart 3,440 sales

themekiosk does not currently provide support for this item.

262 comments found.

I see others have asked the same question, and this may be stupid, but you’ve responded in th past that adding lightbox functionality is as simple as:
<a class="lightbox" href="gallery2/image02.jpg"> <img src="gallery2/image02.jpg" alt="karma" /> </a>
When I do this it doesnt work, so I tried finding outside lightbox code but it wont integrate properly. Im using the example 2 with description version. Can you help with implementation or point me in the right direction?

can I see your live page?

This might be a complete stupid question but on your demo page, is the background color of the carousel set by adding the property to the carousel css tag? If so what is the color you used?

Thanks

the background color is the container of the carousel. We use silver as the background color

one question,

When I click in a picture I want to open a new window in lightbox. What I need to do it with Carousel. With other plugins it’s working fine, but with Carousel it opens alway a full page.

Hi, We buy the carousel and I have a similar problem like someonte have write before and answer what it is above, but after do what you said, I still have the same problem. Most of the time I use only 2 or 3 images. I select 3 images, but only see one. I program 2 images, only see 1. I program 5 images and is ok, see 5. What could be missing or wrong? I need to show the 2 or 3 images. Could you help? 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-1.1.js file then comment out line 278 – 280, like so:

/* if (hiddenSlide < 2){ hiddenSlide = 2; } */

Does this code work with HTML5?

it should work for HTML5

I love this slider, and it appears I have everything in place correctly but I cannot get it to work. is this because it is a .php page? Here is our test

http://www.raceuwin.com/Promos/Propick/indexTest.php

do you load the content from the server or html?

Hi Mapalla, Thanks for an amazing carousel, Is there a way that I can control the slides (along with description) on MouseOver event ?

<div id="carousel">
   <div id="slides">
          <div>item1 image</div>
          <div>item2 image</div>
          <div>item3 image</div>
   </div>
   <div id="description">
         <div>item1 Description</div>
          <div>item2 Description</div>
          <div>item3 Description</div>
    </div>
</div> 
<div id="customdiv">
      <div>item1name</div>
       <div>item2name</div>
        <div>item3name</div>
</div>

For example on mouseover of the item3name div , carousel should bring item3image and description to front , Could you please let me know if this is possible?

Thanks in Advance!

do you mean, you want to change the click event with the mouseover event?

Thanks for the reply…..Yes, But the the mouseover item which i want is not from “carousel” div but from “csutomdiv” div which have same items, To replicate the “click” functionality on “mouseover” I have added the following code
var moveOnMouseOver = function (event) {
            var $this = $(this);
            var index = $(this).find("a[href]").attr('id');            
            if (index != currentSlide) {
                goTo((index - 1), true, false);
                return false;
            }
        }
And I’m calling the above function in :
var initSlides = function () {
--- some code here -----
var applicationItems = $('#applicationgrid tbody tr td');

            for (var i = 0; i < n; i++) {
                var gridItem = applicationItems.eq(i);
                gridItem
                    .bind('mouseover', moveOnMouseOver);
            }
---- some code here------
}

This works fine when I’m moving my cursor from first item to second item and second item to third item….But not working when moving third item to second item, Please help me to fix this.

can I see the live page?

in all caps…WELL WORTH THE MONEY!!! Awesome carousel!!

Is it possible to add a active class to the current item and is there a update coming for latest jquery?

Sorry, you can not add an active class to the current item

I want to buy this but I saw a comment that it is not compatible with Jquery 1.8.3.

That is the version I’m currently using for my project. Which version(s) of jquery are compatible with this?

it’s work well with jQuery 1.4.4

Hi Map, why do i need at least 5 image slides to see three slides at once while setup as slidesPerScroll:3….i just have three images (slides) and want also users can see the other ones at left and right of the big one at middle…is that possible? i thought i had some side effect bug with other plugins and searched for hours…just to see its something like a bug or feature in your script :) thanx for help
timo

the last 2 images will always hide as part of animation effect.

to display all slides, you need to modify the carousel JavaScript files. Open the jquery.carousel-1.1.js file then comment out line 278 – 280, like so:

/*
if (hiddenSlide < 2){
    hiddenSlide = 2;
}
*/ 

Hi Mapalla. Great script! Can you help me? What are your Reflection Settings in your demo? I want to copy them, as it looks and works great!

Thanks!

-BC

to display the reflection, you can set the reflection option to true

Hi,

I just downloaded this and I have a problem.

Slider doesn’t work with more than 15 item….

How can I fix it ?

Thanks

can I see the live page?

Can you please let me know what’s wrong. I’ve tried everything I can think of: http://www.freightlinerofhartford.com/test-page/

Been here for hours!

Thanks!

Check again, it still does not work?

try to placing the carousel’s JavaScript file at the bottom of your page

Still nothing…. Even tried with 1.4.4 and nope

Does this only work for Divs, or can it work with UL, LI as well?

about the structure element, you can follow the example inside the download package

Hi, Thanks for the great slider, it is not running on jQuery v1.8.3?

Help please.

Just downloaded product, and using it on a site locally. I am new at this sort of coding, but have managed to get another jquery slider working through plugins, but need help with yours.

I have placed the scripts inside the <head> and placed all the section where i wanted it to go on the page. I also placed the code below after the <!- END CAROUSEL -> and still cant get it to work. All i get is 3 images placed on top of each other.

<script type="text/javascript"> $(document).ready(function(){ $('.carousel').carousel(); }); </script>

double post

Is there a way to angle the photos behind the main photo ? Like they do in the iTunes store.

Sorry, it does not have the feature like that

Hello. Where can I find some documentation? I have just bought it and need to know all the parameters I can use.

Thanks

you can find it in the download package

The links on the images doesn’t work. The href-tag is correct and it works on the description fine. But I need the function on the Images. What is wrong?

URL: http://www.ich-will-hoeren.de/therapien/expertenvideos/ User: cochlear Passwort: cochlear

Can someone help?

Thanks, Bernward

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey