Hi I have a page called “compare.aspx” with a magnifier image, now when i click the magnifier for the first time, i want to load the page “abc.aspx” inside the iframe named “security” but i want the iframe to remain hidden for the first time. With this small trick, when user click over magnifier, page is already loaded. How can i achieve this functionality?,, my iframe looks like:
<iframe id="security" width="100%" frameborder="0" height="100%" scrolling="no" src="/img/pqr.gif"></iframe>
At a high level, what you will do is:
1) Browsers frown on hidden iframes, but a workaround is to use a 0 opacity frame. Start at 0 opacity. (Well, one or the other – I sometimes forget which is right).
2) On Click of your magnifier, set the src attribute of your iframe to your aspx page.
3) When ready, set the opacity of your frame to 1 (fully visible).
That should do the trick.