Okay
  Public Ticket #2254987
trigger hover/click event on a layer
Closed

Comments

  • Stuart Paul started the conversation

    http://www.theatro.com/building-store-future/

    This first slide has 12 image layers (in a z shape) with transparent pngs. Because of the layout the rectangular layers conflict with one another on mouse over.

    Can I set the hover area to a smaller area/portion of the layer so the hover triggers do not overlap?

    These would work:

    1-Only trigger hover when non-transparent pixels in the png are rolled over.

    2-Set a 200x200 pixel box on each layer that triggers the hover.

    Or, some other brilliant solution.

    Thank you.



  • [deleted] replied

    Hello Stuart,

    Thank you for getting in touch with us. My name is Attila and I'm happy to assist you today. I appreciate your patience while we've been working towards your ticket.

    Unfortunately that is not possible currently. You cannot link only parts of a layer. The link/hover area will always be the whole layer.

  • Stuart Paul replied

    Hi Attila,

    What about using an html layer with:

    <div class="imageContainer">
        <img src="http://www.theatro.com/wp-content/uploads/2019/12/theatro_0003_Vector-Smart-Object.png">
    </div>
    

    What would the CSS be? 

  • [deleted] replied

    The hover effect/trigger is applied on the layer itself (container), not on its inner content. Unfortunately it's not possible to only target certain part of a layer at the moment.