Plugin Recommendation: Two image sided flip box

  • Resolved Anna1226

    (@anna1226)


    5 years ago

    26 styles of Flip Boxes and not a single one that does what I want! What I want is a two image sided flip box. All the ones I’ve found are one side image, one side text. Or, two sides of the same image.

    I did find one plugin – Codenpy. Was even happy to pay for it. It didn’t work. There was 0 customer support. At least they refunded me.

    What I have implemented is a basic mouseover, which achieves my purposes, however – mouseover hover doesn’t work on mobile and it’s been a pain to get it to scale responsively, hence the search for a plugin flip box.

    Would be ever so grateful if someone can recommend one or suggest an alternate solution to the drawbacks of mouseover.

    • This topic was modified 5 years ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not a Developing with WordPress topic

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Moderator bcworkz

    (@bcworkz)

    I don’t think what you want is possible, hence its unavailability. There is no mobile equivalent for a mouse over action. A tap is as close as it gets, but of course tapping a linked image navigates to the link. You could implement a script that alters the image on click/tap for a brief delay before navigating to the link. That’s about as close as you can get IMO.

    You’re having responsiveness issues because the img tag has fixed size attributes. Remove those and I think it will behave responsively.

    Thread Starter Anna1226

    (@anna1226)

    Thanks, @bcworkz. Sometimes you discover you are trying to solve the wrong problem. ?? The two-image sided flip box plugin I found (worked in their demo, didn’t work for me) flipped the image upon tap; you lose the ability to link. It was something I was willing to give up, for the two-sided image and responsiveness. However, when I removed the fixed size attributes, the image still displayed full size and sized responsively, while maintaining the ‘mouseover’ and link –> which is what I wanted.

    The link opens in a new tab; the image changes from Image A to Image B.

    My problem is solved; thank you.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Plugin Recommendation: Two image sided flip box’ is closed to new replies.