Carousel Sensitivity

[lpug]

Not sure if this is even possible....I have a carousel working well, is there anyway to stop mouse clicks on it and in a tablet touching it because it screws it up each time you touch or click on it during playing. I have some timers that timeout and it affects them.

Thanks

[Pablo]

I'm sorry, there are no special options for that.

[lpug]

Sorry Pablo is it normal behavior that when you touch carousel on mobile device it stops? or have a done something incorrectly which is highly possible?
Otherwise do you suggest anything else I can use instead.

Thanks

[Pablo]

Yes, this is normal behavior.

[rogerl]

You could try something like this in CSS:

Code: Select all

#[object id] img {
  pointer-events: none;
}

Don't use the square brackets, just the object id

[lpug]

Thanks Roger will this disable any actions when screen is touched on device?
So would I add this as an html element, and should it go in between head tags.

Carousel1 img {
pointer-events: none;
}

Carousel1 is my device id

You could try something like this in CSS:

Code: Select all

#[object id] img {
  pointer-events: none;
}

Don't use the square brackets, just the object id

[rogerl]

Correct on html in head tag and:

Code: Select all

#Carousel1 img {
pointer-events: none;
}

Just did a quick check on Google, looks like should work for touch as well

[lpug]

Roger do you mind checking whether the syntax is correct? Ive tried different combinations that google provided but when I preview the page I can see the line of code just above my webpage indicating that something is wrong.

I've tried the following

#Carousel1 img {
pointer-events: none;
}

Carousel1 img {
pointer-events: none;
}

#Carousel1 {
pointer-events: none;
}

Correct on html in head tag and:

Code: Select all

#Carousel1 img {
pointer-events: none;
}

Just did a quick check on Google, looks like should work for touch as well

[rogerl]

Code: Select all

<style>
#Carousel1 img {
  pointer-events: none;
}
</style>

Syntax is correct. Did you have it within a style tag?
I have only used this on a slideshow and that worked fine.

[lpug]

Roger will you be so kind to check out my one page test, I have one image setup as a rollover image and have entered the html code withing the page html header. However when I preview it the image still allows hovering.

Thanks

http://www.mediafire.com/file/tfl65bp5qpao2am/test.zip

Code: Select all

<style>
#Carousel1 img {
  pointer-events: none;
}
</style>

Syntax is correct. Did you have it within a style tag?
I have only used this on a slideshow and that worked fine.

[rogerl]

Sorry unable to open file. not recognised by WB 12 or 14

[lpug]

You have to unzip the folder, did it this way so that you have all the relevant images.

Sorry unable to open file. not recognised by WB 12 or 14

[rogerl]

Came to realisation this is an extension file so have installed and it doesn't work. FF & Chrome had nothing to offer so suspect fault is within extension. File contained no images, just text and code offered does not work on text just images.
I have no expertise to fault find this for you.

[lpug]

Thanks for trying anyway.
BTW- are you able to get it working on any of your projects?

Came to realisation this is an extension file so have installed and it doesn't work. FF & Chrome had nothing to offer so suspect fault is within extension. File contained no images, just text and code offered does not work on text just images.
I have no expertise to fault find this for you.