|
Ezine InformationHow To Create Photorealistic Post-It Pop-Up
by:
Iszuddin Ismail
Have you seen one of those post-it pop-up? The one that looks so realistic, with amazing shadow effect. If you don't cognize what I am talking about, try opening the following website:
http://myhobbybooks.com/wowpop
They look amazing don't they?
And thing
like this is always nice for your web marketing campaign. One reason, it ne'er
gets blocked by pop-up blockers. And another, it actually grabs the attention of your web visitors.
This is nice once
you want to increase subscription rate to your ezine, or promote an affiliate program, or even as increase sales.
But you wonder, how do they do it? You thought that you can accomplish similar result, and you try, and try, and try... you tried GIF image, JPG image, none of those can get the job done.
But there's one thing that you simply don't know. Galore pro web programmers cognize this, but not the normal web designers ... possibly even as most web designers don't cognize how to do this.
The private secret is in PNG pictures format.
PNG pictures format is the little-known pictures format that you can use on the web. PNG pictures format is unique because you can do the Alpha effect with it. The Alpha effect is wherever
you set transparency factor on certain areas on the PNG image. That is what does the shadow looks so real.
With the Alpha effect, you can set transparency factor from 0% to 100%. So it can be 30% transparent, 50% or even as 79%. Have a look at the pop-up again, and take a close look at the shadow - Now you cognize how it's done.
But there is simply one problem - Computer network Adventurer don't actually keep PNG pictures format. Piece you can still call PNG pictures format exploitation the IMG tag, Computer network Adventurer ignores Alpha factor. In Computer network Explorer, PNG pictures simply don't appear properly.
So how do we solve this ...
Luckily you can still call PNG pictures in Computer network Adventurer and have the Alpha echoic exploitation a special CSS command. It's the AlphaImageLoader().
But this wish lead to another problem. Before you can call the PNG image, you 1st need to identify the browser your web visitant is using. If the visitant is exploitation Firefox, Opera, Browser or any others, you can call the PNG exploitation the IMG tag. But if it's Computer network Explorer, you need to use the AlphaImageLoader().
And of course, this can always be resolved
with a bit of Javascripting. And with a little much Javascript and CSS, you can have the PNG pictures floating over your web content. You can even as do the pop-up disappear exploitation the OnClick event trigger.
If you'd like a complete code and PNG pictures to your own photorealistic post-it pop-up, try visiting WOW Pop-Up. Below is the URL address for WOW Pop-Up wherever
you can get a free set of the code and the PNG graphic.
Just simply about the author:
Iszuddin Ismail promulgated the WOW Pop-Up and is giving away free code and PNG graphics to your own photorealistic post-it pop-up. Get a set of four PNG pop-up graphics for free. http://WOWPopUp.com
Circulated by Article Emporium
| |
