2016-04-02 9 views
-2

私は静的画像を表示するiframeを作成しようとしていますが、プレースホルダ画像をクリックしたときにiframe内にウェブページを読み込みます。これは仮想ツアーのため、画像に指示が表示され、クリックすると仮想ツアー(リンク)が表示されます。ボタンを使用してiframeリンクを変更する方法はわかっていますが、この特定のアプリケーションではクリック可能な画像が優先されます。私はかなり経験していないので、どんな助けも大歓迎です!iframeプレースホルダ画像

答えて

0

iframeをdivに配置し、divに背景を置き、iframeを透明にしますが、その内容は除外します。

<!doctype html> 
<html> 

    <head> 

    <style type="text/css"> 
     .iframeframe { background-image: url("whatever.lol"); margin: 0; padding: 0; display: inline-block; } 
     iframe  { width: 600px; height: 400px; } 
    </style> 

    </head> 

    <body> 

    <div class="iframeframe"> 
     <iframe src="whatever.lol"></iframe> 
    </div> 

    </body> 

</html> 
関連する問題