Iframe w obrazkowym Buttonie

1 tys. · 9 Grudnia 2014

Witam, jaki kod zastosować żeby iframe z eforsy otworzyło się po wciśnięciu buttona, który jest obrazkiem ?

9 Grudnia 2014

Powinno działać Oczywiście musisz sobie zmienić ścieżkę do obrazka i dane iframe'a.

<html>	<head>		<script type="text/javascript">			function Run() {				document.getElementById("button").style.display = "none";				document.getElementById("player").style.display = "block";			}		</script>	</head>	<body>		<img id="button" onclick="Run()" style="cursor: pointer;" src="./obrazek.jpg" />		<iframe id="player" style="display: none; width: 490px; height: 286px; border: 0;" src="http://panel.eforsa.pl/assets/materials/hdstream.pl/iframe/?size=490x286&ref=7b7d43a3&viewers=75&title=Nazwa filmu"></iframe>	</body></html>

9 Grudnia 2014

html

<head><link rel="stylesheet" href="div.css"></head><div class="accordion">  <div id="one" class="section">    <h3>      <a href="#one"><img src="http://goo.gl/fGc15K" /></a>    </h3>    <div>      <iframe width="640" height="360" src="//www.youtube.com/embed/p1JPKLa-Ofc?showinfo=0" frameborder="0" allowfullscreen></iframe>    </div>  </div></div>

div.css

.accordion h3 + div {  height: 0;  overflow: hidden;  -webkit-transition: height 0.3s ease-in;  -moz-transition: height 0.3s ease-in;  -o-transition: height 0.3s ease-in;  -ms-transition: height 0.3s ease-in;  transition: height 0.3s ease-in;}.accordion :target h3 + div {  height: 360px;}

1 tys. · 9 Grudnia 2014

? Ogólnie to nie ogarniam html . Więc mam kod obrazka :

<img src="images/img0002.png" id="Image3" alt="" style="width:290px;height:93px;"></a></div>

I kod widgetu :

<iframe style='float: right; border: 0; width: 400px; height: 455px;' scrolling='no' src='http://zalogowany.pl...ype='></iframe>

Po zmianach widget pokazuje mi się na stronie a nie po kliknięciu ;/

Edytowane 9 Grudnia 2014 przez Excalibur