Comments (6)
Right now the only customization available is changing the opacity of that box. However, I can probably add in some more options in the next update. What were you looking to customize on it?
from react-image-magnifiers.
I wanted something like amazon: a div with a background image instead of the white box.
from react-image-magnifiers.
Yeah, I should be able to add that feature into the next update. Should be done within the next day or two. I've got a couple of other things I want to include.
from react-image-magnifiers.
OK. Thanks. If you could look at my previous issue too, It would be great.
from react-image-magnifiers.
It wouldn't feel right to only notify you on one issue. :) So, I just published the update to NPM (version 1.3.0). You can now give the preview box a background image on all applicable components. The overlay color and box border color can also be changed now. So, if you only want to use a background image, you can set the overlayOpacity to zero and set the overlayBoxColor to transparent.
from react-image-magnifiers.
After update, I got exactly what I wanted.
Thanks again.
from react-image-magnifiers.
Related Issues (20)
- Sync images support HOT 1
- GlassMagnifier not appearing correctly (Gatsby) HOT 1
- Programatically control the magnifier
- Rotate images before use
- Cursor Style Not Change to Zoom-In When Image Displayed Asyncronously HOT 1
- Fallback imageSrc onError HOT 2
- ReactJS Version 17 Support
- Not able to show the magnifing image HOT 3
- Stop Side By Side render from having automatic style HOT 1
- Pinch to zoom
- Invalid prop `imageSrc` supplied to `GlassMagnifier`
- Unable to preload images
- react-image-magnifiers not installing in next.js
- Not working with png, webp HOT 2
- Can i use not fileUrl src?
- Update or Deprecate
- ReactJS Version 18 Support HOT 4
- Not Working Properly
- Your examples are a bit confusing
- Warning: Magnifier2: Support for defaultProps will be removed
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-image-magnifiers.