Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse

Lay Theme Forum

  1. Home
  2. General Discussion
  3. block mouse click in Carousel Free Drag option

block mouse click in Carousel Free Drag option

Scheduled Pinned Locked Moved General Discussion
2 Posts 2 Posters 53 Views
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • C Offline
    C Offline
    CristinaLavosi
    wrote on last edited by
    #1

    Re: block mouse click navigation from carousel

    Hi! I am working on my website: cristinalavosi.com
    On the front page I have a Carousel as a Cover where I've set a Free Drag with Slides and Show Multiple Slides. I was wondering if it is possible to disable the mouse click and only permit the free drag because often the carousel suddenly jumps to the next or previous image when dragging.

    Ps I am referring to the previous topic "block mouse click navigation from carouse" because it is a similar problem but I don't want to have the autoplay. I still want to keep the free drag but not to have the slides moving at the click.

    Again, this is the website I am working on: cristinalavosi.com

    Thank you in advance.
    Best,
    Cristina

    1 Reply Last reply
    0
    • RichardR Offline
      RichardR Offline
      Richard
      Global Moderator
      wrote on last edited by Richard
      #2

      Dear Cristina @CristinaLavosi

      Not possible with the current options atm, bit of a tricky one - easy to remove clicking altogether but obviously not practical!

      there is the Swiper API, looking at click events: https://swiperjs.com/api/#events

      Also preventing click but not drag is a thing to google: https://stackoverflow.com/questions/18032136/prevent-click-event-after-drag-in-jquery/18032193

      https://stackoverflow.com/questions/53703120/how-can-i-prevent-click-on-drag

      But at the moment this may not be an option, unless asking the aid of a developer.

      https://stackoverflow.com/questions/44115954/swiper-touch-events-enable-click-but-disable-drag

      Sorry that this is not the help you were probably after - hopefully others have some ideas, if too difficult compromising on that area of your design may be necessary

      Best wishes for 2021!

      1 Reply Last reply
      0
      Reply
      • Reply as topic
      Log in to reply
      • Oldest to Newest
      • Newest to Oldest
      • Most Votes


      I also code custom websites or custom Lay features.
      šŸ’æ Email me here: šŸ’æ
      info@laytheme.com

      Before you post:
      1. When using a WordPress Cache plugin, disable it or clear your cache.
      2. Update Lay Theme and all Lay Theme Addons
      3. Disable all Plugins
      4. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"

      This often solves issues you might run into

      When you post:
      1. Post a link to where the problem is
      2. Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
      3. If the problem is difficult to explain, post screenshots / link to a video to explain it
      Online Users
      A
      alasdair17
      C
      clnstz
      Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com
      laytheme.com
      • Login

      • Don't have an account? Register

      • Login or register to search.
      • First post
        Last post
      0
      • Recent
      • Tags
      • Popular
      • Users
      • Search