Hi:
I found the magnifying glass effect on forum, the feeling is very good, but I didn't find the KRPANO has such a plug-in, have known his principle? Thank you very much
Make Magnifying glass effect
-
-
I would say this is one regular image as layer. Second one duplicate of first but bigger. 3rd magnifyer image. 4th is circle size as inside of the magnifyer is. Using masking (layer[xy].mask) you can achieve this but this will work only on Flash as masking is not supported for HTML5. Ofcourse you need to turn on visiblity of magnifyler on over image1 and move it as user move mouse onover.
-
It's not a plugin - just a few plugins/layers and one or two actions. Mask is not suported in HTML5 but you could use maskchildren instead. I'll try to make HTML5 version this evening and decrypt xml file.
-
I see only change this to work on html5 if you make square type magnifyer using maskchildren not the circle based or you have other idea on?....
-
OK. I have made some modifications and all xml files are decrypted now.
http://www.ai360.pl/projekty/glass
This is the original version written 2 years ago and it work ith KRPano 1.0.8.11. Xml file: http://ai360.pl/projekty/glass/index.xml
http://www.ai360.pl/projekty/glass/html5.html
This is HTML5 version of the magnifying glass. It needs KRPano 1.18+ (it's because of layer with rounded corners which was used as mask). It work on PC but could also work on touchpads (like tablets) after making small modifications (you should use ondown event instead of onhover and refresh updateglass action while tapping the screen). Xml file: http://ai360.pl/projekty/glass/html5.xml
Feel free to use it.
-
thanks a lot panomaster
realy great.
i have embedded your plugin for testing into html 5. testtour
-
Very creative solution. Didn't know that round edge can be used with mask on html5. Learned something new today- Thanks.
-
Great!!
Thanks for sharing Panomaster!
Tuur
Jetzt mitmachen!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!