iFrame in Javascript Slider

[ddjjmm]

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

HTML Code

<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>

Javascript

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;
    }
}

Jemand eine Idee?

 

[MyBad]

AW: iFrame in Javascript Slider

Warum muss es denn ein iFrame sein? Kommt der Content denn von einem anderen Server? Was spricht denn gegen ein Include per php? Eventuell funzt es ja dann.

Edit: cebito hat Recht. Hab ich völlig übersehen, sorry.

 

[cebito]

AW: iFrame in Javascript Slider

Also, du versuchst diesen String

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

an eine function zu übergeben, die diesen dann als src-Attribut einem img-Objekt übergibt. Das Ergebnis müsste so aussehen:

<img src="der obige String" />

Das da was nicht stimmen kann, sollte ja wohl klar sein...

 

[ddjjmm]

AW: iFrame in Javascript Slider

Wohl wahr

Die Frage ist nur vielmehr: Wie kann ich es denn überhaupt lösen mit dem gegebenen Skript? Ansonsten brauche ich einen anderen Slider?

 

[cebito]

AW: iFrame in Javascript Slider

Ansonsten brauche ich einen anderen Slider?

Jep, aber da gibt es ja jede Menge von...

 

[ddjjmm]

AW: iFrame in Javascript Slider

Sodele ich bin nun schon einige Zeit auf der Suche, finde leider jedoch keinen passenden Slider der auch iFrames laden kann.

Die meisten sind alle nur mit Bildern :-(

Hat da jemand eine Empfehlung? Alternativ überlege ich gerade, das ganze über einfaches CSS und display=none etc umzusetzen.

 

[mindraper]

AW: iFrame in Javascript Slider

hi.

ein iframe ist für js eine neue seite mit eigenem window-object, das könnte u. U. der grund sein, weshalb dein script hier fehlschlägt. müsste man allerdings am besten mal live sehen.

und davon abgesehen: bist du nicht auch schon unterwegs?

 

[ddjjmm]

AW: iFrame in Javascript Slider

Nö bin ich nicht. Man beachte dass dein gelinkter Thread von 2006 ist

Zum Thema:
Ich habe nun selbst einen Slider gebaut der iFrames verwenden kann.

Danke für Eure Rückmeldungen!