html - How do you make an image disappear when a user clicks on it -


hello stackoverflowers,

so pretty want achieve (i apologize in advance explanation not familiar language of code)

  1. a user visits page on tumblr.
  2. the user sees image of instructions hovering on blog content slight opacity.
  3. once user reads instructions, image disappear when user clicks on image.
  4. the user explores page.

i'm wondering -- can done, on tumblr?

any suggestions appreciated -- thanks!

never used tumblr can add custom code using guide :

http://www.chrisabraham.com/2011/04/06/how-to-add-custom-html-javascript-etc-code-to-your-tumblr/

and add code in body tag change "img.png" image source

<img src="img.png" onclick="this.style.display='none';" style="position:absolute;opacity:0.5;left:50%;top:50%;width:100px;height:100px;margin-left:25px;margin-top:25px;z-index:100;"/> 

the following working example :

http://jsfiddle.net/brxvx/1


Comments

Popular posts from this blog

image - ClassNotFoundException when add a prebuilt apk into system.img in android -

I need to import mysql 5.1 to 5.5? -

Java, Hibernate, MySQL - store UTC date-time -