Preventing the [hosting link] from loading until the image is clicked. Need Help

HTML & CSS
1

My Attempt:
http://www.cssdesk.com/pZeVU

Can someone see if they can figure it out. It doesn’t load in jsfiddle, only cssdesk.

This is how it works with iframe: I want to figure out how to get it to work with Object.
http://www.cssdesk.com/kw5Zn

<div style="width:260px" onclick="myscr=document.getElementById('myscroll'); myscr.style.display='block'; this.style.display='none'">

<a href="http://testblog45675.blogspot.com/" style="cursor: pointer;display:block; width: 256px; height: 256px; background-color:#000000;color:transparent; border: 5px solid #0059dd;" target="frame"></a>
</div>

<div id="myscroll" style="display: none;">
<iframe frameborder="0" marginwidth="0" marginheight="0" height="266" width="266" name="frame"  class="window"></iframe>

</div>

Can I provide that same effect to an audio player? Object instead of iframe?
http://www.cssdesk.com/GQR77

Preventing the hosting link from loading (registering) until the image is clicked?

<object data="**Hosting Link**" type="application/x-shockwave-flash" style=" display:block;" id="player1" width="266" height="24">
<param name="movie" value="**Hosting Link**"/>
<param name="bgcolor" value="#000000"/>
<param name="width" value="266"/>
<param name="height" value="24"/>
<param name="quality" value="high"/>
<param name="menu" value="false"/>
<param name="wmode" value="opaque"/>
<param name="allowfullscreen" value="false"/>
<param name="allowscriptaccess" value="always"/>
<param name="flashvars"
value="file=http://hi5.1980s.fm/;stream.mp3&type=sound&autostart=true&controlbar=bottom&icons=false&duration=999999&volume=100&backcolor=000000&frontcolor=ffffff&lightcolor=0059dd"/></object>
</div>

It works here with html 5 audio
http://www.cssdesk.com/JVGWm

<div style="width:260px" onclick="myscr=document.getElementById('myscroll'); myscr.style.display='block'; this.style.display='none'">

<a href="http://hi5.1980s.fm/;" style="cursor: pointer;display:block; width: 300px; height: 28px; background-color:#000000;color:transparent;" target="frame"></a>
</div>

<div id="myscroll" style="display: none;">
<iframe frameborder="0" marginwidth="0" marginheight="0" height="28" width="300" name="frame"  class="window"></iframe>

</div>
2

Flash is virtually obsolete. It won’t work on many computers.

3

If the method works using iframe and a link, there’s got to be a way to prevent a hosting link from registering until an image is clicked, like what was done with the iframe one. We’re just talking about preventing one link from loading until the image is clicked.

4

The method will not work on some computers.

5

The iframe method, or what I’m trying to do in this topic?

6

As I said in post #2 Flash will not work on many computers these days.

7

I’m not worried about that, I just want to see if this will work for this type of thing. I use a flash audio player. and so, if I can prevent that from loading before someone clicks on the image, that’ll help performance wise of the website. It’ll be faster.

8

You should uninstall Flash immediately - there was a security warning several months ago that the latest Flash version patched so many security holes that hundreds more unpatched holes are expected to still exist and having it installed compromises the security of your computer.

9

I’m trying to prevent the [hosting link] from loading (registering) until the image is clicked. I’ve done it with iframe, and html 5 audio, now I want to do it with Flash Object.

I can’t get this to work right:
http://www.cssdesk.com/pZeVU

The original post on how to do it is here:

10

Why do you want to add a security hole to your page when you already have it working properly with HTML?

Flash is long dead and no one knowingly has it installed any more.

11

To be able to know how to do it, for the sake of knowing. Knowledge is power.

12

Knowledge that you SHOULDN’T do it is all that is needed now - the risk is that if you know how it used to be done then you might break thousands of people’s computers where they haven’t uninstalled flash yet.

Why are you concentrating on how to do things that no sensible person should do when you don’t even know how to do the things you should be doing properly.

3 Likes
13

hmm… pondering. pondering… I still would like to know how to do it. Not everything uses html 5, there are things that still use flash.

14

millions upon millions of online games use swf.

15

Not browsers though - most have it blocked now and the recommendation is to uninstall it if your browser still has it.

No one will be able to help you with checking any flash installed in your web p[age because we have all removed it from our systems for security reasons.

16

How come online games still use flash, and how come adobe hasn’t gone out of business then?

17

Because they have lots of other products and so it doesn’t really matter to them that sensible people no longer use flash.

1 Like
18

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.