Response title
This is preview!
Move this topic
elevateZoom Plus - Screen Mode help needed!
in Developing jQuery Plugins
•
3 years ago
Hi guys!
I'm using elevateZoom Plus plugin from Igorlino GitHub user! (the original plugin is from elevateWeb GitHub user)
I'm trying to implement a Screen Mode Image Zoom workaround, as you can see in this link! (html code)
There are some issues I want to fix:
- the scrolling is inverted (wheel up = zoom out \ wheel down = zoom in), I want the otherwise!
- if (image width\height < screen width\height), the image is positioned to the top\left screen (I want it centered instead)
- the "zoom in" is limited to the image real size by default, (I want to change that too)
I would really appreciate any help from you guys here in this forum! Thanks!
I'm using elevateZoom Plus plugin from Igorlino GitHub user! (the original plugin is from elevateWeb GitHub user)
I'm trying to implement a Screen Mode Image Zoom workaround, as you can see in this link! (html code)
There are some issues I want to fix:
- the scrolling is inverted (wheel up = zoom out \ wheel down = zoom in), I want the otherwise!
- if (image width\height < screen width\height), the image is positioned to the top\left screen (I want it centered instead)
- the "zoom in" is limited to the image real size by default, (I want to change that too)
I would really appreciate any help from you guys here in this forum! Thanks!
1
Replies(9)
Re: elevateZoom Plus - Screen Mode help needed!
3 years ago
Did you check the documentation and examples?
The examples show how to position the image.
There are extensive configuration options:
I'm afraid, though, that none of the examples seem to work for me. I poked and prodded on both a iPad with touch and on a desktop computer with a mouse, and couldn't get it to do anything at all. But I'm not quite sure what to expect.
Did you check Issues on the github project to see if there are others with similar problems, and perhaps some solution?
Did you try contacting the author?
I don't know what you mean by "Screen Mode Image Zoom workaround". The link doesn't make it obvious.
I also don't know what you mean that "the zoom in is limited to the image real size by default".
Leave a comment on watusiware's reply
Re: elevateZoom Plus - Screen Mode help needed!
3 years ago
"Show the code" seems broken on the examples page. So, it makes it difficult to see how to use it!
You should add an Issue on Github about the broken documentation.
Everything was working ok, until now! Maybe the plugin owner is updating the plugin page at this exact moment, I don't know!
You can try the offline "demo.html" file from the GitHub repository!
You can try the offline "demo.html" file from the GitHub repository!
Leave a comment on watusiware's reply
Re: elevateZoom Plus - Screen Mode help needed!
3 years ago
I read some of the Issues on the github project.
Based on my reading, I would not recommend using this plugin, unless you are willing to put substantial effort into bringing it up to date, and have the skills to do so.
It is Abandonware. (Abandoned by the original author.)
The maintainer of the fork of the abandoned plugin is making regular updates, but is doing it in his spare time. And one must assume (and the current maintainer has stated such) that open source authors are most motivated to make changes that they need themselves. He has stated that it suits his own purposes as it is.
I would suggest looking for a plugin that suits your needs and is currently-maintained.
Leave a comment on watusiware's reply
Re: elevateZoom Plus - Screen Mode help needed!
3 years ago
Unfortunately, I can't find a plugin that shows the image real size on image mouseHover, like can be seen in this link! (html code)!
And the plugin allows zoom in\out and it fits the image to the browser screen size!
And the plugin allows zoom in\out and it fits the image to the browser screen size!
Leave a comment on John Joe's reply
Re: elevateZoom Plus - Screen Mode help needed!
3 years ago
"Unfortunately, I can't find a plugin that shows the image real size on image mouseHover, like can be seen in this link! "
Sorry, I guess I am an idiot. Can you explain further?
It seems to me you found a plugin that shows the image real size on image mouseHover. That one. The one that you linked to. You can by looking at the page source that it uses elevateZoom Plus.
That one works for me, at least on desktop. But it does nothing for me on iPad. I would think that would be a concern. Will you not support mobile devices?
Are the examples on the demo pages supposed to work on mouseover like that? Do they work for you? They don't work for me.
Maybe the new repo maintainer hasn't bothered to make some needed update for the demo pages. And it strikes me that the demo pages just don't say what to expect or how to work the demos. So, hard to make much sense of it.
If you wait a very long time, somebody might wander through here who uses this plugin and can give you some advice on how to solve your problems. But your best bet is to commiserate with the others in the Issues page on GitHub.
Sorry for the late reply!
The plugin example page seems to work ok now!
The examples from the plugin page worked on my ipod, safari browser!
but indeed, the "browser screen" mode seems not to work on mobile devices, at least it didn't work on my ipod too! (but as long it works on desktop, that's ok for me!)
In this link you can find some examples from the original plugin and they are basically almost the same thing!
The plugin example page seems to work ok now!
The examples from the plugin page worked on my ipod, safari browser!
but indeed, the "browser screen" mode seems not to work on mobile devices, at least it didn't work on my ipod too! (but as long it works on desktop, that's ok for me!)
In this link you can find some examples from the original plugin and they are basically almost the same thing!
Actually I think the plugin works in mobile devices!
I tested on my Ipod Touch First Gen / ios 3.1.3 / safari 4.0
by using jQuery 3.2.1, the EZ plugin does not work, because it seems that my ipod can't handle recent jQuery libraries! (Example _ Html Code)
by using jQuery 1.7.2, the EZ plugin works ok, since my ipod can handle older jQuery libraries! (Example1 - Html Code) (Example2 _ Html Code)
I already found someone in GitHub who is willing to improve EZ plugin and add new features, if you or anybody else from this forum wants to team up with him, please feel free to visit this link!
I tested on my Ipod Touch First Gen / ios 3.1.3 / safari 4.0
by using jQuery 3.2.1, the EZ plugin does not work, because it seems that my ipod can't handle recent jQuery libraries! (Example _ Html Code)
by using jQuery 1.7.2, the EZ plugin works ok, since my ipod can handle older jQuery libraries! (Example1 - Html Code) (Example2 _ Html Code)
I already found someone in GitHub who is willing to improve EZ plugin and add new features, if you or anybody else from this forum wants to team up with him, please feel free to visit this link!
Leave a comment on watusiware's reply
Re: elevateZoom Plus - Screen Mode help needed!
3 years ago
I inverted the mouse scroll by changing if (theEvent / 120 > 0) { to if (theEvent / 120 < 0) {
It seems to work with no problems! Now WheelUp = ZoomIn / WheelDown = ZoomOut!
- minZoomLevel default value changed from 1.01 to 0.1, now it's possible to ZoomIn further than the image real size by default!
If there are better alternatives, please let me know!
- I still need help with, if (image width\height < screen width\height), the image is positioned to the top\left screen (I want it centered instead)
Mouse Inverted Demo: https://coder4589.github.io/elevatezoom-plus-coder4589/scroll-inverted.html
Html Code: https://github.com/coder4589/elevatezoom-plus-coder4589/blob/master/scroll-inverted.html
Leave a comment on John Joe's reply
Change topic type
Link this topic
Provide the permalink of a topic that is related to this topic
Reply to John Joe's question
Statistics
- 9 Replies
- 6417 Views
- 0 Followers