Discussion on TouchCarousel - jQuery Content Scroller and Slider

536 comments found

  • Bought between 10 and 49 items
  • Has been a member for 2-3 years
  • Italy
aggio_f Purchased

congratulations again for the plugin. I however have a problem … I hope to explain … I have a carousel of images associated with lightbox. When I drag the images the carousel scrolls but I relase mouse I launched lightboxes. how can I fix it? that is, when I do not dragmouse launch the lightbox.

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years

Congratulations for the plugin. Unfortunately I have a problem with the touchcarousel-container width. Every refresh get another result and just rarely the good. I saw the touchcarousel-items width and just couple of them are good from the start after totally different. Do you have any idea? Thanks,

Semenov

Hi,

Can you please link to page that you’re working on?

Dmitry

Default-user

Hi Dimitry,

Here is the link: http://jonathan.frslondon.com/the-practice/work/ I hope the best :)

Thanks a lot, Levente

Semenov

Remove width:auto CSS style from images, size of them is calculated just based on width attribute.

Default-user

Thank, it’s perfect. Is it possible the images keeps the ratio?

Semenov

Sure, you may apply any size to them. Currently you’re forcing 400px height via CSS.

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years

Hello Dimitry, the plugin is broken on Firefox? Even your example page works. Any idea?

Semenov

Hello,

Everything works fine on my side, in what exactly version are you testing it and what exactly isn’t working correctly?

Dmitry

Default-user

Hi,

I’m testing on Firefox 27, and the “click swipe” (like touch) is not working. On Chrome and IE everything is fine.

http://dimsemenov.com/plugins/touchcarousel/—> On Firefox the slider works only clicking on the buttons.

Thank you.

Semenov

[missed thread, ignore this message]

Semenov

I still don’t see any issues in FF 27, and I haven’t heard about problem with carousel in FF before.

Try disabling browser extensions, maybe one of them is causing your problem.

  • Bought between 1 and 9 items
  • Exclusive Author
  • Has been a member for 4-5 years

Hi, I like your plugin alot. I have one question I couldnt find in the demos. Does this plugin allows the auto play sliding? Thank You

Semenov

Hi, yes, there is such option.

Default-user

Thanks for the prompt reply , Consider me a customer. Cheers

  • Bought between 10 and 49 items
  • Has been a member for 3-4 years

“Please take a look at option scrollToLast in documentation.” was your comment 10 months ago. Sorry, but I do not see that infomation in the documentation. Can you help? Thanks

Semenov

Hello,

Make sure that you’re watching at the latest version of docs.

Dmitry

  • Bought between 10 and 49 items
  • Brazil
  • Has been a member for 1-2 years

Hi Dmitry, I buy your jQuery plugin Touchcarousel and he works fine, but I have one last issue and I suppose you can help me.

My site is this: http://www.fortalezamodaintima.com.br/#colecoes

The problem is: The las image on each category create a huge gap on to the right side of screen. I’ve googled about it and found some people who have the same problem but they solved, for example see this site: http://www.siennacharles.com/, the last item finish on the right end of the wrap.

How I solve this.

Obs.: This is my callback: jQuery(function($) {

$("#carousel-image-and-text").touchCarousel({                    
        pagingNav: false,
        snapToItems: false,
        itemsPerMove: 6,                
        loopItems: true,
        snapToItems: false,
        scrollToLast: true,
        scrollbar: true,
        loopItems: true
    });        
});

Thanks in advance.

Gabriel Godinho

Default-user

Note: scrollToLast: false, don’t solve the problem

Semenov

Hi,

You should define static width in pixels to each item in carousel, or set width attribute on images.

Dmitry

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years

Hi Dmitry, faboulus work. May there be a reason, that the number of images in the touchcarousel that were loaded are different each time i visit the page with the carousel? After several times of reloading the page, all images are shown. Other times there is only one image or two, especially on other computers. My Sliders (there a four on one page) have a height of 500 px. The width depends on the number of images. Reach up to 13,000 px. Hoping for a fix. Best wishes, Martin

Semenov

Hi,

Make sure that each carousel item has defined size at the moment of carousel initialization (images have width attribute, or fixed size is set via CSS).

If you won’t be able to resolve – please link to page that you’re working on.

Dmitry

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years
dlimit Purchased

Hi Dmitry,

I’ve purchased the TouchCarousel item but I have two problems I can’t solve:

At the end of the carousel there is a lot of blank space I can’t remove, can you help me? Is there any option to make rotate slides nonstop?

The website: http://tensarent.eu/home/

Thank you very much!

Semenov

Hi,

The first item of your carousel is hidden at left side. As carousel scrolls to last item – you see last item at left side.

To make it “end” at center slide – you need to make first slide “center” slide. Or use different script for such layout, like RoyalSlider http://dimsemenov.com/plugins/royal-slider/visible-nearby/

Dmitry

Default-user
dlimit Purchased

You’re right, the RoyalSlider it’s gonna be better than changing all the things in TouchCarousel… Thanks for answering so quickly! ;)

  • Bought between 10 and 49 items
  • Has been a member for 2-3 years

Hi,

Very Interest in puchasing. Would like to know first if there is the capability to scroll 2 images at once. Basically I want to view 2 images at once and a swipe would bring in the next 2. So using the example #3 here http://dimsemenov.com/plugins/touchcarousel/#carousel-single-image but instead of showing 1 showing 2.

I can see in CSS I can easily edit using Firebug the size of the #carousel-single-image div to make the width show 2, but navigating will only navigate one. I don’t see any doc’s so want to get your insight first if I can do this?

Thanks

Semenov

Hi,

Consider using RoyalSlider for such purpose http://dimsemenov.com/plugins/royal-slider/ , as each slide can contain any HTML, you can just put two simple images in one slide, and you’ll get 2x sliding effect.

Dmitry

  • Bought between 50 and 99 items
  • Exclusive Author
  • Has been a member for 2-3 years

Hi, Dmitry

are you planning feature to make scrollbar draggable?

Thanks

Semenov

Hi,

Not for now, by design scrollbar was just used as an indicator that appears during scrolling.

Dmitry

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years
Mazl Purchased

Hi Dmitry,

I think my problem is very difficult to explain, but I will try: In my case, the touchcarousel uses thy physic scrolling function. That means, on a touchscreen, I can touch an item an drag (swipe) it the the left or to the right and then all items are moving to the left or to the right and have this “physical” behaviour: they are not stopping to move when I´m releasing my finger, but they will have an overrun. This is what I want.

But every item has also a onclick function, e.g. onclick=”gotostart(14);”..... function gotostart(fischnr) { sliderInstance.goTo(fischnr); };

The problem is now, that this onclick function interacts with the swiping function. That means, when I make a “short hard swipe”, the carousel is swiping, but when I make a “soft slow swipe”, the carousel is not swiping, but using the onclick-function. So now: Is there a way to set some parameters for the sensibility of the swiping function, e.g. like: “If a minimum of 5px is moved with the finger, always use the swipe function and not the onclick function”?

Semenov

Hi,

You’ll need to modify js file to edit this parameter. Open unminified version, find function _onDragMove, and there line similar to:

if(Math.abs(point.clientY - this._startMouseY) > Math.abs(point.clientX - this._startMouseX) + 3) {

It detects direction of scroll there. Change +3 to value that you need.

Dmitry

Default-user
Mazl Purchased

sorry for the late reply. I think, I was wrong. It is not the onclick function, which makes the error. I think, it is the determination, if a user only touchs an item and drag it to a position or if a user touchs an item an makes a swipe event, which occurs in an oveerrun.

Are there some parameters, I can change to determine if a swipe event is fired or only a drag? E.g. “the user has to drag a minimum of X pixel in maximum Y seconds”?

Semenov

You may try to check for _successfullyDragged public property (just make sure that you use unminified version of script).

Default-user
Mazl Purchased

ok, I will check this. But I have the solution now. I just created a timer, which blocks the onclick event for 1,5sec when a drag is performed:

sliderInstance.settings.onDragStart = function() { dragaktiv = 1; Layer3(); };

sliderInstance.settings.onDragRelease = function() { Timer = setTimeout(‘bindclick()’, 1500); };

function gotostart(fischnr) { if (dragaktiv == 0) { sliderInstance.goTo(fischnr); } };

function bindclick() { dragaktiv = 0; }

Semenov

Thx for sharing the solution.

  • Has been a member for 0-1 years

hi dmitry good work

one question… how l could do to move the container to the end item with the arrows buttons?

thank for asking….

Semenov

Hi,

Not sure if I understand what you mean, can you please provide more details, or some illustration that would show what you need.

Dmitry

Default-user

ok, on click to left o right button the container go to the last of itemns

Semenov

There is loop option for that.

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years
jollys Purchased

Any quick way to add a caption to the “Carousal Gallery” slider? thanks and great work.

Semenov

Hi,

Each carousel can contain any HTML content, it can be image + caption too.

Also, check RoyalSlider – http://dimsemenov.com/plugins/royal-slider/ , it built-in caption support.

Dmitry

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years
  • United Arab Emirates
engahmed Purchased

I am swiping some photos using TouchCarsouel on touch devices everything is working fine ,until I added a left slide menu, now each time a swipe occurs in TouchCarsouel the side menu opens. is there a way to prevent this behaviour? Thnaks

Semenov

Hi,

Can you please link to page that you’re working on? Please elaborate how that side menu is done.

Dmitry

Default-user
engahmed Purchased

its a mobile app, I don’t have link to , but here what happens, there are left side menu in the app that opens when I swipe from left-to-right , The problem happens when I swipe the TouchCoursel too from left-to-right it propagate the events so the left side menu opens while it shouldn’t open,

Semenov

You’ll probably need to edit code of your side menu or carousel, so the touchstart event won’t pass through if it’s started from carousel, there is no built-in way to prevent this. Try adding e.stopImmediatePropagation in touchstart event listener of carousel.

Dmitry

  • Bought between 1 and 9 items
  • Has been a member for 4-5 years
leafpile Purchased

How to make it loop continuously when it reaches the end of the slide? So it will go to the first element seamlessly? Is there a function to make it stop on mouse click? The pause on mouseover has a slight delay. Is there a way to make it stop immediately when people mouse hover? thanks

Semenov

Hello,

Continuous loop without rewind effect isn’t supported, only my RoyalSlider has such feature. To pause autoplay on mouseover there is pause-on-hover option.

Dmitry

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years

Dmitry, thanks for the plugin! But there is a problem. Tell me how to carousel (full screen) to remove the void right when scrolling?

Default-user

I solved the problem! Thanks for a great solution

by
by
by
by
by
by