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

In this section you can announce self-made paid extensions.
*** THIS SECTION CONTAINS PAID EXTENSIONS ONLY ***
User avatar
[RZ]
 
 
Posts: 2135
Joined: Tue Nov 04, 2008 12:08 pm

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

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!
Last edited by [RZ] on Sat Sep 23, 2017 11:18 pm, edited 6 times in total.

haakoo
 
 
Posts: 233
Joined: Fri Apr 25, 2008 8:02 am
Location: Groningen/NL

Re: Retina (a magnifying glass similar to apple's effect)

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

And again;cool!

Hans

User avatar
[RZ]
 
 
Posts: 2135
Joined: Tue Nov 04, 2008 12:08 pm

Re: Retina (a magnifying glass similar to apple's effect)

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

thank you haakoo!

supersonictt
 
 
Posts: 414
Joined: Sun May 15, 2011 10:27 am

Re: Retina (a magnifying glass similar to apple's effect)

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

Amazing :)

User avatar
[RZ]
 
 
Posts: 2135
Joined: Tue Nov 04, 2008 12:08 pm

Re: Retina (a magnifying glass similar to apple's effect)

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

thank you supersonictt!

User avatar
me.prosenjeet
 
 
Posts: 1251
Joined: Mon Dec 24, 2007 1:50 pm
Location: Lucknow
Contact:

Re: Retina (a magnifying glass similar to apple's effect)

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

Mind Blowing!

You rock!!! :D

User avatar
[RZ]
 
 
Posts: 2135
Joined: Tue Nov 04, 2008 12:08 pm

Re: Retina (a magnifying glass similar to apple's effect)

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

oh! thank you me!

User avatar
me.prosenjeet
 
 
Posts: 1251
Joined: Mon Dec 24, 2007 1:50 pm
Location: Lucknow
Contact:

Re: Retina (a magnifying glass similar to apple's effect)

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

User avatar
[RZ]
 
 
Posts: 2135
Joined: Tue Nov 04, 2008 12:08 pm

Re: Retina (a magnifying glass similar to apple's effect)

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.

User avatar
me.prosenjeet
 
 
Posts: 1251
Joined: Mon Dec 24, 2007 1:50 pm
Location: Lucknow
Contact:

Re: Retina (a magnifying glass similar to apple's effect)

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

Mail sent

Herbert
 
 
Posts: 16
Joined: Sat Jan 14, 2012 11:29 am

Re: Retina (a magnifying glass similar to apple's effect)

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

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

User avatar
[RZ]
 
 
Posts: 2135
Joined: Tue Nov 04, 2008 12:08 pm

Re: Retina (a magnifying glass similar to apple's effect)

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

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

Herbert
 
 
Posts: 16
Joined: Sat Jan 14, 2012 11:29 am

Re: Retina (a magnifying glass similar to apple's effect)

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.

User avatar
[RZ]
 
 
Posts: 2135
Joined: Tue Nov 04, 2008 12:08 pm

Re: Retina (a magnifying glass similar to apple's effect)

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.

User avatar
me.prosenjeet
 
 
Posts: 1251
Joined: Mon Dec 24, 2007 1:50 pm
Location: Lucknow
Contact:

Re: Retina (a magnifying glass similar to apple's effect)

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

Post Reply

Who is online

Users browsing this forum: No registered users and 0 guests