Auf Thema antworten 2026

Beitrag

<blockquote data-quote="ddjjmm" data-source="post: 1889038" data-attributes="member: 472728">Hallo zusammen <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite1" alt=":)" title="Smile&nbsp; &nbsp; :)" loading="lazy" data-shortname=":)" />ich habe einen Slider der mittels Javascript verschiedene Teaserbilder bei MouseOver anzeigt. Soweit so gut. Allerdings soll in einem der Slides ein Video und kein Bild dargestellt werden.Ich dachte, ich kann es mittels iframe lösen, aber irgendwie klappt das nicht so wie ich mir das vorgestellt habe. Wird einfach nicht angezeigt bzw. er bricht den Code irgendwie komisch um und gibt HTML Code aus.Hat jemand eine Idee ob das überhaupt geht oder was ich falsch mache?Vielen Dank im VorausHTML Code[PHP]&lt;div class=&quot;teaserbox&quot;&gt;&lt;img src=&quot;./img/teaser-01.jpg&quot; class=&quot;item&quot; style=&quot;padding-left: 25px;&quot; id=&quot;teaserpic&quot; name=&quot;teaserpic&quot;/&gt;&lt;ul class=&quot;home_top_boxes boxes page_text&quot;&gt;&lt;li class=&quot;box&quot;&gt;&lt;a onmouseover=&quot;changeImages(&#039;teaserpic&#039;,&#039;&lt;?php echo &#039;&lt;iframe src=&quot;http://85.214.227.43/dev/teaser.html&quot; width=&quot;1000&quot; height=&quot;364&quot; name=&quot;teaser iframe&quot; border=&quot;0&quot; frameborder=&quot;0&quot; scrolling=&quot;no&quot; align=&quot;left&quot; /&gt;&#039;; ?&gt;&#039;,&#039;button_01&#039;,&#039;img/button-01b.png&#039;,&#039;button_02&#039;,&#039;img/button-02.png&#039;,&#039;button_03&#039;,&#039;img/button-03.png&#039;,&#039;button_04&#039;,&#039;img/button-04.png&#039;);return true&quot; href=&quot;#&quot;&gt;&lt;img id=&quot;button_01&quot; src=&quot;./img/button-01b.png&quot; name=&quot;button_01&quot; /&gt;&lt;/a&gt;&lt;/li&gt;&lt;li class=&quot;box&quot;&gt;&lt;a onmouseover=&quot;changeImages(&#039;teaserpic&#039;,&#039;img/teaser-02.jpg&#039;,&#039;button_01&#039;,&#039;img/button-01.png&#039;,&#039;button_02&#039;,&#039;img/button-02b.png&#039;,&#039;button_03&#039;,&#039;img/button-03.png&#039;,&#039;button_04&#039;,&#039;img/button-04.png&#039;);return true&quot; href=&quot;videoproduktion.html&quot;&gt;&lt;img id=&quot;button_02&quot; src=&quot;./img/button-02.png&quot; name=&quot;button_02&quot; /&gt;&lt;/a&gt;&lt;/li&gt;&lt;li class=&quot;box&quot;&gt;&lt;a onmouseover=&quot;changeImages(&#039;teaserpic&#039;,&#039;img/teaser-03.jpg&#039;,&#039;button_01&#039;,&#039;img/button-01.png&#039;,&#039;button_02&#039;,&#039;img/button-02.png&#039;,&#039;button_03&#039;,&#039;img/button-03b.png&#039;,&#039;button_04&#039;,&#039;img/button-04.png&#039;);return true&quot; href=&quot;videomarketingsystem.html&quot;&gt;&lt;img id=&quot;button_03&quot; src=&quot;./img/button-03.png&quot; name=&quot;button_03&quot; /&gt;&lt;/a&gt;&lt;/li&gt;&lt;li class=&quot;box&quot;&gt;&lt;a onmouseover=&quot;changeImages(&#039;teaserpic&#039;,&#039;img/teaser-04.jpg&#039;,&#039;button_01&#039;,&#039;img/button-01.png&#039;,&#039;button_02&#039;,&#039;img/button-02.png&#039;,&#039;button_03&#039;,&#039;img/button-03.png&#039;,&#039;button_04&#039;,&#039;img/button-04b.png&#039;);return true&quot; href=&quot;sonderaktion2012&quot;&gt;&lt;img id=&quot;button_04&quot; src=&quot;./img/button-04.png&quot; name=&quot;button_04&quot; /&gt;&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;[/PHP]Javascript[PHP]function newImage(arg) {&nbsp; &nbsp; if (document.images) {&nbsp; &nbsp; &nbsp; &nbsp; rslt = new Image();&nbsp; &nbsp; &nbsp; &nbsp; rslt.src = arg;&nbsp; &nbsp; &nbsp; &nbsp; return rslt;&nbsp; &nbsp; }}function changeImagesArray(array) {&nbsp; &nbsp; if (preloadFlag == true) {&nbsp; &nbsp; &nbsp; &nbsp; var d = document; var img;&nbsp; &nbsp; &nbsp; &nbsp; for (var i=0; i&lt;array.length; i+=2) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; img = null; var n = array[i];&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (d.images) {img = d.images[n];}&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (!img &amp;&amp; d.getElementById) {img = d.getElementById(n);}&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (img) {img.src = array[i+1];}&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; }}function changeImages() {&nbsp; &nbsp; changeImagesArray(changeImages.arguments);}var preloadFlag = false;function preloadImages() {&nbsp; &nbsp; if (document.images) {&nbsp; &nbsp; &nbsp; &nbsp; pre_button_01b = newImage(&#039;img/button-01b.png&#039;);&nbsp; &nbsp; &nbsp; &nbsp; pre_button_02b = newImage(&#039;img/button-02b.png&#039;);&nbsp; &nbsp; &nbsp; &nbsp; pre_button_03b = newImage(&#039;img/button-03b.png&#039;);&nbsp; &nbsp; &nbsp; &nbsp; pre_button_04b = newImage(&#039;img/button-04b.png&#039;);&nbsp; &nbsp; &nbsp; &nbsp; pre_button_04b = newImage(&#039;img/teaser-01.jpg&#039;);&nbsp; &nbsp; &nbsp; &nbsp; pre_button_04b = newImage(&#039;img/teaser-02.jpg&#039;);&nbsp; &nbsp; &nbsp; &nbsp; pre_button_04b = newImage(&#039;img/teaser-03.jpg&#039;);&nbsp; &nbsp; &nbsp; &nbsp; preloadFlag = true;&nbsp; &nbsp; }}[/PHP]Jemand eine Idee? <img src="/styles/default/xenforo/smilies/uhm.gif"&nbsp; class="smilie" loading="lazy" alt=":(" title="Frown&nbsp; &nbsp; :(" data-shortname=":(" /></blockquote>

[QUOTE="ddjjmm, post: 1889038, member: 472728"] Hallo zusammen :) ich habe einen Slider der mittels Javascript verschiedene Teaserbilder bei MouseOver anzeigt. Soweit so gut. Allerdings soll in einem der Slides ein Video und kein Bild dargestellt werden. Ich dachte, ich kann es mittels iframe lösen, aber irgendwie klappt das nicht so wie ich mir das vorgestellt habe. Wird einfach nicht angezeigt bzw. er bricht den Code irgendwie komisch um und gibt HTML Code aus. Hat jemand eine Idee ob das überhaupt geht oder was ich falsch mache? Vielen Dank im Voraus [B]HTML Code[/B] [PHP]<div class="teaserbox"> <img src="./img/teaser-01.jpg" class="item" style="padding-left: 25px;" id="teaserpic" name="teaserpic"/> <ul class="home_top_boxes boxes page_text"> <li class="box"><a onmouseover="changeImages('teaserpic','<?php echo '<iframe src="http://85.214.227.43/dev/teaser.html" width="1000" height="364" name="teaser iframe" border="0" frameborder="0" scrolling="no" align="left" />'; ?>','button_01','img/button-01b.png','button_02','img/button-02.png','button_03','img/button-03.png','button_04','img/button-04.png');return true" href="#"><img id="button_01" src="./img/button-01b.png" name="button_01" /></a></li> <li class="box"><a onmouseover="changeImages('teaserpic','img/teaser-02.jpg','button_01','img/button-01.png','button_02','img/button-02b.png','button_03','img/button-03.png','button_04','img/button-04.png');return true" href="videoproduktion.html"><img id="button_02" src="./img/button-02.png" name="button_02" /></a></li> <li class="box"><a onmouseover="changeImages('teaserpic','img/teaser-03.jpg','button_01','img/button-01.png','button_02','img/button-02.png','button_03','img/button-03b.png','button_04','img/button-04.png');return true" href="videomarketingsystem.html"><img id="button_03" src="./img/button-03.png" name="button_03" /></a></li> <li class="box"><a onmouseover="changeImages('teaserpic','img/teaser-04.jpg','button_01','img/button-01.png','button_02','img/button-02.png','button_03','img/button-03.png','button_04','img/button-04b.png');return true" href="sonderaktion2012"><img id="button_04" src="./img/button-04.png" name="button_04" /></a></li> </ul> </div>[/PHP][B]Javascript[/B] [PHP]function newImage(arg) { if (document.images) { rslt = new Image(); rslt.src = arg; return rslt; } } function changeImagesArray(array) { if (preloadFlag == true) { var d = document; var img; for (var i=0; i<array.length; i+=2) { img = null; var n = array[i]; if (d.images) {img = d.images[n];} if (!img && d.getElementById) {img = d.getElementById(n);} if (img) {img.src = array[i+1];} } } } function changeImages() { changeImagesArray(changeImages.arguments); } var preloadFlag = false; function preloadImages() { if (document.images) { pre_button_01b = newImage('img/button-01b.png'); pre_button_02b = newImage('img/button-02b.png'); pre_button_03b = newImage('img/button-03b.png'); pre_button_04b = newImage('img/button-04b.png'); pre_button_04b = newImage('img/teaser-01.jpg'); pre_button_04b = newImage('img/teaser-02.jpg'); pre_button_04b = newImage('img/teaser-03.jpg'); preloadFlag = true; } } [/PHP]Jemand eine Idee? :( [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ▲ = 7, ▼ = 3, ◇ = 2 und die Summe von ▲ und ▼ durch ◇ geteilt wird, was ist das Ergebnis?