[rz] Image DragScroll *** UPD 2018-Nov-23 ***

This section contains extensions that were created by [rz] who has sadly passed away.
These extensions are no longer available, but the discussions may still be helpful for some users.
Forum rules
*** IMPORTANT INFO REGARDING [RZ] EXTENSIONS ***

This section contains extensions that were created by [rz] who has sadly passed away.
These extensions are no longer available or supported, but the discussions may still be helpful for some users.
Locked
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

[rz] Image DragScroll *** UPD 2018-Nov-23 ***

Post by [RZ] »

[rz] Image DragScroll v1.3

This extension allows you to drag/scroll an image that is larger than its container.
The functionality is similar to Google maps or the Adobe's PDF reader "scroll while dragging" but for images.


DEMO


HTML 4.01 Transitional
W3C compliant


* New in version 1.3

- Added RWD support.
- Improved position and size of the Control Panel.
- Added radius values for the Control Panel.
- Improved code.

* New in version 1.2

Reduced and optimized code.
Centralized objects manipulation, allowing several instances with a minimum impact in the final html size.
More buttons colors (normal-hover-push / border-face-icon / radius).
Control panel transparency for inactive and active modes.
Image pattern.
Can embed almost any object and "be part of the image".

* New version 1.1.3

This fix solves a minor issue introduced in "back to initial position" when the image is not centered and has horizontal and/or vertical offset.

* New version 1.1.2

This update is a workaround for a serious bug(s) introduced in Android 3 and 4 native browsers; the issue is still unresolved also in jQuery. Unfortunately, there are also other inconsistences.
This [pure Javascript and lightweight] temporarily solution is to bypass the impossibility to make a programmatically scrollable div and a reliable fingers detection; among other derivative consequences that make this extension almost unusable on tablets.
Hope this is solved in Android 4.1; meanwhile, I'm providing this patch that works pretty well in iPod, iPad, iPhone and Android 3 and 4 (and should be in other devices as well).
I think FireFox for tablets is one of the most promising and robust browsers, but users cannot be forced to download, install and use it; moreover, it is just a very personal opinion.
Please note, if the bug is officially solved, I will be removing the patch in future versions of this extension.

* New version 1.1.1

Better character set in Control Panel buttons.
Optimized keyboard handling in Control Panel eliminates unnecessary page scrolls in FireFox and Lunascape.
Control Panel doesn't flash anymore on mouse movements in Lunascape.
Improved startup for Opera and Chrome.

* New version 1.1

Control Panel (onhover/onfocus show with autohide, disable, colors, tooltips, position).
Image parameters (for resizing with custom incremental factors and initial reference position).
Zoom in/out.
Back to initial zoom.
Back to initial axis.
Better keyboard handling.

Supported/tested versions:
IEquirks, IE7, IE8, IE9, Chrome, Firefox, Opera, Safari, Maxthon, Lunascape.


How to use?

1. Drag and drop the extension.
2. Enter the image (must be larger than the container).
3. Setup just a few options or leave them as by default.
4. Preview or publish.
5. Drag the image to see it in action.

Hope you can find this useful.
Enjoy!
Last edited by [RZ] on Fri Nov 23, 2018 2:42 pm, edited 8 times in total.
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

Re: Image DragScroll *** UPDATED Oct-12-2012 ***

Post by [RZ] »

New in this version:

Control Panel (onhover/onfocus show with autohide, disable, colors, tooltips, position)
Image parameters (for resizing with custom incremental factors and initial reference position)
Zoom in/out
Back to initial zoom
Back to initial axis
Better keyboard handling
User avatar
me.prosenjeet
 
 
Posts: 1265
Joined: Mon Dec 24, 2007 1:50 pm
Location: Lucknow
Contact:

Re: Image DragScroll *** UPDATED Oct-12-2012 ***

Post by me.prosenjeet »

Image


I wish this forum had a "Like" button :D
Check the new Chat GPT and Malware detect extensions at the link below

Check my WB Extensions
Check my WB Templates
---------------------------------------------------------
www.Lucknowwebs.com
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

Re: Image DragScroll *** UPDATED Oct-12-2012 ***

Post by [RZ] »

thank you me for your feedback.
an update will soon be available, with a better charset than the current one - the online demo was updated but the extension will be available later, meanwhile, hope i can do an improvement...
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

Re: Image DragScroll *** UPDATED Oct-16-2012 ***

Post by [RZ] »

* New version 1.1.1:

Better character set in Control Panel buttons.
Optimized keyboard handling in Control Panel eliminates unnecessary page scrolls in FireFox and Lunascape.
Control Panel doesn't flash anymore on mouse movements in Lunascape.
Improved startup for Opera and Chrome.
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

Re: Image DragScroll *** UPDATED Oct-18-2012 ***

Post by [RZ] »

* New version 1.1.2:

This update is a workaround for a serious bug(s) introduced in Android 3 and 4 native browsers; the issue is still unresolved also in jQuery. Unfortunately, there are also other inconsistences.
This [pure Javascript and lightweight] temporarily solution is to bypass the impossibility to make a programmatically scrollable div and a reliable fingers detection; among other derivative consequences that make this extension almost unusable on tablets.
Hope this is solved in Android 4.1; meanwhile, I'm providing this patch that works pretty well in iPod, iPad, iPhone and Android 3 and 4 (and should be in other devices as well).
I think FireFox for tablets is one of the most promising and robust browsers, but users cannot be forced to download, install and use it; moreover, it is just a very personal opinion.
Please note, if the bug is officially solved, I will be removing the patch in future versions of this extension.
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

Re: Image DragScroll *** UPDATED Oct-20-2012 ***

Post by [RZ] »

* New version 1.1.3:

This fix solves a minor issue introduced in "back to initial position" when the image is not centered and has horizontal and/or vertical offset.
User avatar
madebyibloo
 
 
Posts: 371
Joined: Fri Mar 27, 2009 3:58 pm
Location: East Yorkshire, United Kingdom
Contact:

Re: Image DragScroll *** UPDATED Oct-20-2012 ***

Post by madebyibloo »

Thanks RZ! appreciate the time and effort.....fantastic extension, thumbs up! :)




Cheers,
Scott
Cheers,
Scott


www.madebyibloo.com - a creative design studio.
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

Re: Image DragScroll *** UPDATED Oct-20-2012 ***

Post by [RZ] »

thank you scott!
appreciated...
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] Image DragScroll *** UPD Jul-02-2014 ***

Post by [RZ] »

* New in version 1.2:

Reduced and optimized code.
Centralized objects manipulation, allowing several instances with a minimum impact in the final html size.
More buttons colors (normal-hover-push / border-face-icon / radius).
Control panel transparency for inactive and active modes.
Image pattern.
Can embed almost any object and "be part of the image".
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] Image DragScroll *** UPD 2018-Nov-23 ***

Post by [RZ] »

* New in version 1.3

- Added RWD support.
- Improved position and size of the Control Panel.
- Added radius values for the Control Panel.
- Improved code.
Locked