question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Support for Background Images

See original GitHub issue

Bug description

The zoom effect doesn’t work with background images.

How to reproduce

Try using a background image and initializing it in the JS

  1. Run mediumZoom(selector, options)
  2. Click on the image
  3. See error

Expected behavior

Zoom will work with background images

Environment

  • Browser: Firefox 63
  • medium-zoom version: 1.0.2

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Reactions:1
  • Comments:6 (2 by maintainers)

github_iconTop GitHub Comments

3reactions
swergascommented, May 28, 2019

My use case is the customization of a page that I have generated using https://grapesjs.com. GrapesJS shows cards that contain images set as background-image.

2reactions
swergascommented, May 10, 2019

I think he wanted to say that he would like medium-zoom to support zooming images that are defined using the background-image CSS property of any HTML element (instead of only img elements).

I would also be interested in this feature.

Read more comments on GitHub >

github_iconTop Results From Across the Web

"background-image" | Can I use... Support tables for HTML5 ...
"Can I use" provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.
Read more >
background-image - Campaign Monitor
Which web, mobile and desktop email clients support the background-image CSS property? Read Campaign Monitor's breakdown of CSS support to find out.
Read more >
Background Image Support in Email Clients - EnovaPoint
Adding background images is arguably makes emails both stunning and more functional. Learn about background image support in email clients.
Read more >
Email Background Images: How to Wow Subscribers (+ Code)
How to Wow Every Subscriber with an Email Background Image Easily (+ the Code to Do It!) ... Email client support for background...
Read more >
background-image - CSS: Cascading Style Sheets | MDN
The background-image CSS property sets one or more background images on an ... separated by commas, as multiple backgrounds are supported.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found