[rz] iRetina (magnifying glass) *** UPD 2017-Sep-24 ***

[RZ] · Post by **[RZ]** » Wed May 23, 2012 7:39 pm

[rz] iRetina v1.2

This extension allows you to show the standard images with the retina effect like in iPhones.

DEMO

HTML 4.01 Transitional
W3C compliant

* New in version 1.2

- Optional fade-out effect of the element when the magnifying glass is activated.
- Custom color and intensity for the fade-out effect.

* New in version 1.1.1

- Fixed a Firefox 52+ "onmouseover" unstable behavior.
- Fixed an unstable behavior using images within table-cells with borders.

* New in version 1.1

- Removed deprecated properties and simplified organization.
- New 'auto' and 'onclick' open glass modes.
- Improved behavior on touch devices.
- Improved support for [rz] Preloaded Links.
- Fixed an introduced events collision on Chrome and Safari on quick movements.
- Fixed an onfocus distortion when the target image has a link.
- Fixed a misplacing on scrolled touch screens.

* New in version 1.0.2

- New core to workaround Chrome bugs handling the mouse and elements relocation.
- Touch support.
- Auto fade-in (no need to setup any extra value).

Notes about touch support:

- First tap on the image: the magnifying glass will be opened.
- Further taps on the image: the magnifying glass will be relocated.
- Tap on the glass: if a link or an event exists, it is followed.
- Tap anywhere else: the magnifying glass will be closed.

* New in version 1.0.1

- Added RWD support.
- Fixed a sporadic issue in Chrome when handling some hidden images.
- Added customizable fade effect for a smoother behavior.
- Unobtrusive internal events handling that allows the image to have its own events.

How to use?

1. Drag and drop all the images you want.
2. Resize them (please note: reduce them proportionally and don't resample!).
3. Add the [rz] iRetina extension.
4. Enter the images IDs (comma-separated) you want to add the effect.
5. Set-up just a few parameters or leave them all as by default.
6. Preview or publish (and move the mouse over the image).

Enjoy!

haakoo · Post by **haakoo** » Wed May 23, 2012 8:07 pm

And again;cool!

Hans

[RZ] · Post by **[RZ]** » Wed May 23, 2012 8:16 pm

thank you haakoo!

supersonictt · Post by **supersonictt** » Wed May 23, 2012 9:58 pm

Amazing

[RZ] · Post by **[RZ]** » Wed May 23, 2012 10:01 pm

thank you supersonictt!

me.prosenjeet · Post by **me.prosenjeet** » Thu May 24, 2012 1:00 am

Mind Blowing!

You rock!!!

[RZ] · Post by **[RZ]** » Thu May 24, 2012 6:23 am

oh! thank you me!

me.prosenjeet · Post by **me.prosenjeet** » Thu May 24, 2012 7:00 am

I am trying to use it on the Carousel with images on each slide. I have named the IDs of the image in the extension and kept the extension out side the carousel area. The zoom works fine in Firefox but there is no zoom in IE9 and Chrome. However, when I check your demo on IE9 and Chrome, zoom shows....something wrong I am doing? Page set to HTML 4.1 Trans and Internet Explorer compatability is IE9

[RZ] · Post by **[RZ]** » Thu May 24, 2012 7:11 am

hello me;
sorry, i must go right now, i'll be back in 4 hours.
meanwhile, you can send me your project (only the problematic sample).
i will take a deeper look at this and give you an answer.

me.prosenjeet · Post by **me.prosenjeet** » Thu May 24, 2012 7:20 am

Mail sent

Herbert · Post by **Herbert** » Thu May 24, 2012 10:55 am

thank you for this great extension. I use it on my private website.

[RZ] · Post by **[RZ]** » Thu May 24, 2012 11:36 am

@Herbert
Thank you for your feedback!
Show us your work if you can.

Herbert · Post by **Herbert** » Thu May 24, 2012 11:57 am

I use it twice on my site

- http://www.nidel4u.ch/index.html (foto on the right side)
- http://www.nidel4u.ch/Tiere.html (Tiere = animals)

Sorry the site is all in german.

[RZ] · Post by **[RZ]** » Thu May 24, 2012 12:01 pm

@herbert
thank you for your links.
in the first link you applied "resample" after the effects (like shadow).
as stated in the "how to use" lines, you need to reduce proportionally your image and not apply resample nor other effects.
in the second link, yes, is working fine, but if you reduce a bit more the image, you will be able to see a better effect.

me.prosenjeet · Post by **me.prosenjeet** » Thu May 24, 2012 12:25 pm

Thanks RZ it works fine now, I had to remove space and special characters from the image name

[RZ] · Post by **[RZ]** » Thu May 24, 2012 12:33 pm

@me
glad to know that all is working as planned!

Herbert · Post by **Herbert** » Thu May 24, 2012 12:38 pm

@[RZ]

thank you for your comments.
I will try to find some better pictures for this effect. For the moment I am only useing existing pics on th site.

Thanks again
Herbert

[RZ] · Post by **[RZ]** » Thu May 24, 2012 12:43 pm

i didn't mean you must change the pictures; don't worry, you can use the existing ones!
just remove the effects and make minor size adjustments. that's all.
anyhow, thanks for your interest in this extension. if you need further assistance, just let me know.

morgan · Post by **morgan** » Thu Jan 24, 2013 6:55 pm

Hi I have just used this extension with a great result, please can anybody take a look and report any problems.

Thanks in advance.

http://www.teccheck.co.uk/pricing.html

[RZ] · Post by **[RZ]** » Thu Jan 24, 2013 8:10 pm

@morgan
thanks for your interest in my extension and for your so positive feedback.
please open a thread and ask for feedback <there>, if my extension stops working for some reason, *I* will try to do my best to solve any issue you report <here>.
this topic is for feedback regarding my extension and not for 3rd parties' developments.
just for your information, all my extensions are stressed in as many environments as possible so as to assure compatibility and an acceptable performance and quality.
thanks in advance for your understanding.

ART · Post by **ART** » Tue Dec 03, 2013 9:44 am

hallo RZ
I very much like your extension Retina but within my project website the content of the magnifying glass captures one part of the image and then it freezes.
I have tried several images. Every time it's freezing. Is Retina compatible with WWB 9?

[RZ] · Post by **[RZ]** » Tue Dec 03, 2013 10:43 am

hello
as far as i tested, yes
however, i need to investigate a minor unstable issue with v9; sometimes it appears and sometimes not
the freeze that you are referring to i cannot reproduce it all the times, and at my end is for just a few seconds until the code gets the control -- the test that i did was with many objects in the page, and will try to find out where the conflict is, the online demo uses advanced layers and runs with no glitches
anyhow, i will try my best to improve the code as soon as i can (hope within this week)
thanks for your report and btw for your feedback

ART · Post by **ART** » Thu Dec 12, 2013 6:07 pm

hello rz
i wonder if you could perhaps tell me when i could expect news on the subject

[RZ] · Post by **[RZ]** » Thu Dec 12, 2013 6:11 pm

hello
i'm really sorry, i have no timeframe yet; however, i will try my best to do it as soon as i can
(you can link to the contributions page to put this in the priority queue)

Vlastimil · Post by **Vlastimil** » Thu Feb 20, 2014 4:41 pm

Hi, I like this Extension, but after update to WB9 I don`t see this in extension in Extension manager.
When I remove this from folder, download again and copy to extension directory, the situation is the same.

[RZ] · Post by **[RZ]** » Thu Feb 20, 2014 7:32 pm

i'm sorry, your issue is unrelated to the extension; i tested it and works fine at my end
you should ask for support in the proper section as the cause may be related to the number of installed extensions, license, cpu resources, etc, etc...
hope you can soon solve this issue
with regards and thank you for your feedback and your interest in this extension

Vlastimil · Post by **Vlastimil** » Fri Feb 21, 2014 1:17 pm

Thanks for your answer, other your or other developers extension I can added without problem, only this one is not displayed in extension manager.

[RZ] · Post by **[RZ]** » Fri Feb 21, 2014 2:07 pm

i don't know... it was developed for wb8 and i installed it in wb9.3 without poblems

Vlastimil · Post by **Vlastimil** » Sat Feb 22, 2014 7:17 pm

OK, thanks, I try on my another PC.

ColinM · Post by **ColinM** » Sat Feb 22, 2014 11:01 pm

Nice effect RZ! Well done!

[RZ] · Post by **[RZ]** » Sun Feb 23, 2014 11:20 am

thank you colin for your feedback

ColinM · Post by **ColinM** » Sun Feb 23, 2014 10:27 pm

You're most welcome RZ

[RZ] · Post by **[RZ]** » Thu Jan 15, 2015 8:53 am

UPGRADE AVAILABLE

* New in version 1.0.1:

- Added RWD support.
- Fixed a sporadic issue in Chrome when handling some hidden images.
- Added customizable fade effect for a smoother behavior.
- Unobtrusive internal events handling that allows the image to have its own events.

tubby3 · Post by **tubby3** » Tue Jan 20, 2015 3:57 pm

where can i download it when i click on the paypal icon on the website a other website popups and its loading forever

[RZ] · Post by **[RZ]** » Tue Jan 20, 2015 4:04 pm

there is no problem in the site
are you sure you are doing the paypal transaction here: http://www.magnawebstudio.com/shop ?
once the paypal transaction is confirmed, you will receive the extension in the same e-mail address that belongs to your paypal account
for further questions you can get in contact following the above mentioned website

tubby3 · Post by **tubby3** » Tue Jan 20, 2015 4:34 pm

its works now

tubby3 · Post by **tubby3** » Wed Jan 21, 2015 11:39 pm

hello i have a little question when i click someting on youre site there popup a little venster with loading please wait can i also download that extention from youre website and wats the name of it

[RZ] · Post by **[RZ]** » Wed Jan 21, 2015 11:42 pm

the extension is [rz] Preloaded Links

tubby3 · Post by **tubby3** » Wed Jan 21, 2015 11:52 pm

ok thank you

[RZ] · Post by **[RZ]** » Sat Jan 30, 2016 11:10 pm

* New in version 1.0.2:

- New core to workaround Chrome bugs handling the mouse and elements relocation.
- Touch support.
- Auto fade-in (no need to setup any extra value).

Notes about touch support:

- First tap on the image: the magnifying glass will be opened.
- Further taps on the image: the magnifying glass will be relocated.
- Tap on the glass: if a link or an event exists, it is followed.
- Tap anywhere else: the magnifying glass will be closed.

[RZ] · Post by **[RZ]** » Mon May 23, 2016 10:47 am

* New in version 1.1:

- Removed deprecated properties and simplified organization.
- New 'auto' and 'onclick' open glass modes.
- Improved behavior on touch devices.
- Improved support for [rz] Preloaded Links.
- Fixed an introduced events collision on Chrome and Safari on quick movements.
- Fixed an onfocus distortion when the target image has a link.
- Fixed a misplacing on scrolled touch screens.

[RZ] · Post by **[RZ]** » Thu May 04, 2017 5:47 pm

* New in version 1.1.1

- Fixed a Firefox 52+ "onmouseover" unstable behavior.
- Fixed an unstable behavior using images within table-cells with borders.

[RZ] · Post by **[RZ]** » Sat Sep 23, 2017 11:18 pm

* New in version 1.2

- Optional fade-out effect of the element when the magnifying glass is activated.
- Custom color and intensity for the fade-out effect.