Antworten auf deine Fragen:
Neues Thema erstellen

Antworten zum Thema „iFrame in Javascript Slider“

ddjjmm

Nicht mehr ganz neu hier

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
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>
Javascript
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;
    }
}
Jemand eine Idee? :(
 
Zuletzt bearbeitet von einem Moderator:

MyBad

localhorst

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.
 
Zuletzt bearbeitet:

cebito

undefined

AW: iFrame in Javascript Slider

Also, du versuchst diesen String
PHP:
<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:
PHP:
<img src="der obige String" />
Das da was nicht stimmen kann, sollte ja wohl klar sein...
 

ddjjmm

Nicht mehr ganz neu hier

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?
 

ddjjmm

Nicht mehr ganz neu hier

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

me[code].Java(Script)

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

Nicht mehr ganz neu hier

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!
 
Zuletzt bearbeitet:
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Keine Mitglieder online.

Statistik des Forums

Themen
175.158
Beiträge
2.581.869
Mitglieder
67.223
Neuestes Mitglied
Desiree
Oben