jQuery iframe ein - /ausblenden

Gut im coding einer Website, und jetzt stecken Sie den jQuery-Teil, der nicht meine stärkste Sache.
Die Website enthält ein top-menu nav-bar:

<a href="aboutus.html" target="iframe"><img class="tab1" src="#.png"></a>
<a href="menu.html" target="iframe"><img class="tab2" src="#.png"></a>
<a href="gallery.html" target="iframe"><img class="tab3" src="#.png"></a>
<a href="shop.html" target="iframe"><img class="tab5" src="#.png"></a>
<a href="links.html" target="iframe"><img class="tab6" src="#.png"></a>
<a href="contact.html" target="iframe"><img class="tab7" src="#.png"></a>
</div>

Und ein iframe in der Mitte der Seite, die Lasten der neuen html auf nav auf.
Wenn die index-Seite geladen, die das iframe sollte man nicht vor dem nav auf.
So ive bekam: iframe {display:none;} in die css.

So, ich brauche Hilfe mit jQuery-coding zu zeigen, das iframe auf nav auf.
Auch mit einem Effekt zu machen, den iframe ausblenden wieder.

Alle das beste.

  • Nichts, aber wirklich - das problem ist, ich weiß nicht, wie Sie dabei Vorgehen. Ich denke, es ist nur eine einfache ein - /ausblenden onclick?, da das href-lädt den html-Inhalt?
InformationsquelleAutor Mac Luc | 2012-05-27
  1. 2

    Unter der Annahme, dass die <iframe> hat eine id von contentIframe können Sie das folgende tun:

    Zeigen die <iframe>:

    $("#contentIframe").show();

    Ausblenden der <iframe>:

    $("#contentIframe").hide();
    • Den download finden Sie jquery.com und fügen Sie einen Verweis auf die .js-Datei in Ihrem .html-Seite mit <script src="<Pfad zu jquery.js>"></script> block.
    • ah stimmt - aber ich war zu schnell - ich meine, sollte dies nur in den Kopf?
    • Hinzufügen eines script-block in den head-Bereich ist die allgemein akzeptierte Art und Weise, es zu tun. Jedoch, können Sie ein Skript block fast überall in der .html-Datei.
    InformationsquelleAutor SAK
  2. 0

    Ich denke, wenn Sie versuchen, verwenden Sie ein div-Element und verwenden Sie die .load () - Methode, es wird besser sein, als die Verwendung von einem iframe

    $("a").click(function(){
$("#mydiv").load($(this).attr("href"));
});
    • Was ist, wenn der iframe hat die ID als Shardul sagt? Sollte ich in der Lage sein, um die ID zu arbeiten, statt eines div-wrapper?
    • <iframe style="visibility:hidden;" onload="this.Stil.Sichtbarkeit = 'sichtbar';" id="myiframe" src="" > </iframe> $("a").klicken Sie auf(Funktion(){ $("#myiframe").attr("src",$(this).attr("href")); }); voila
    InformationsquelleAutor Aymen Taarit
  3. -2

    Den jQuery toggle-Methode wäre hilfreich.

    InformationsquelleAutor TrungDQ
Schreibe einen Kommentar