html - ユーザーがクリックしたときに画像を非表示にする方法

Question

Stackoverflowers さん、こんにちは。

だから、これは私が達成したいことのほとんどです（私はコードの言語にあまり慣れていないので、私の説明を前もってお詫びします）

1. ユーザーが Tumblr の私のページにアクセスします。
2. ユーザーには、ブログ コンテンツの上に重なる指示の画像がわずかに不透明に表示されます。
3. ユーザーが指示を読むと、ユーザーが画像をクリックすると画像が消えます。
4. ユーザーがページを探索します。

私は疑問に思っています - これはTumblrでもできますか?

どんな提案でも大歓迎です - ありがとう！

Answer 1

tumblr を使用したことはありませんが、このガイドを使用してカスタム コードを追加できます。

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

bodyこのコードをタグに追加しますが"img.png"、画像ソースに変更します

<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;"/>

以下は実際の例です:

http://jsfiddle.net/BRXVX/1