Gewusst wie: hinzufügen href "schließen" - link, um Fancybox modales Fenster?

Hinzufügen href "schließen" - link, um Fancybox modales Fenster? Ich möchte schließen Fancybox durch einen Klick auf das href-link innerhalb modales Fenster, in der gleichen Weise, wie dies in Thickbox.
Ich möchte verwenden separate javascript für diese Aufgabe, sondern ändern möchten Fancybox-1.3.4.js selbst um diese Funktionalität.

Von Fancybox-API, der folgende code wird dies: 

  <a href="javascript:$.fancybox.close()">close</a>

Brauchen Sie Hilfe und Tipps, wie Sie diese erreichen.

InformationsquelleAutor Lexx Luxx | 2012-02-06
  1. 1

    <a href="javascript:;" onclick="$.fancybox.close();">Close</a>

    Aus fancybox.net Blick auf die Inline - modales Fenster Beispiel, die hat eine Enge text-link

    InformationsquelleAutor Anagio
  2. 1

    die Antwort ist in der fancybox Tipps & tricks, damit hier überprüfen:
    http://fancybox.net/blog

    suchen für Sie die erste Wahl:

    7. Custom title formating - lightbox style
    • Ich sah Sie an p.7 "Custom-Titel-Formatierung - lightbox-Stil": kann ich javascript-code am Ende der main jquery.fancybox-1.3.4.js und css?
    • Ich sah Sie an p.7 "Custom-Titel-Formatierung - lightbox-Stil": kann ich diesen javascript-code direkt nach dem Ende von main jquery.fancybox-1.3.4.js code? Funktion formatTitle(title, currentArray, currentIndex, currentOpts) { return '<div id="tip7-title"><span><a href="javascript:$.fancybox.close()">close</a></span>' + (title && Titel.Länge ? '<b>' + title + '</b>' : ") + 'Bild' + (currentIndex + 1) + ' von ' + currentArray.Länge + '</div>'; } $(".tip7").fancybox({ 'showCloseButton' : false, 'titlePosition' : 'inside', 'titleFormat' : formatTitle });
    • Ist es richtig das weglassen unnötiger Elemente wie diese? (da muss ich nur schließen, link) - Funktion formatTitle(title, currentArray, currentIndex, currentOpts) { return '<div id="tip7-title"><span><a href="javascript:$.fancybox.close()">close</a></span>' + 'Bild' + '</div>'; }
    • wenn Sie nur eine enge Verbindung, die ich denke, es wäre einfacher, erstellen Sie einfach eine Taste, die in der Nähe fancybox-Funktion und dann zeigen Sie es onStart Ereignis für die Phantasie, aber ich denke, der link von mir geteilt hat, ein Beispiel wie das.
    • Versucht, um p.7 Skript von fancybox.net/blog am Ende jquery.fancybox-1.3.4.js - code-nicht für mich gearbeitet.
    • stellen Sie sicher, dass Sie wickeln Sie es in ein $(document).ready () - event und das alle die Bilder/styles/java korrekt installiert sind .
    • So benutzerdefinierter code muss gewickelt werden, bevor Sie $(document).bereit(Funktion()? ... $(document).ready(function() { $.fancybox.init(); }); })(jQuery);
    • müssen eingefügt werden, nachdem Sie $.fancybox.init(); }); })(jQuery); und eingewickelt in eine neue $(document).bereit(Funktion(){});
    • Wahtever, ich werde versuchen, diese.
    • Beim klicken auf das thumbnail, es öffnen Sie einfach große Bild auf neuer Seite, nicht Feuer bis Fancybox.
    • fügen Sie Ihren code an die main-Antwort sowohl javascript und html.
    • das Skript und das html-Beispiel: [fileden.com/files/2012/1/27/3255864/jquery.fancybox-1.3.4.zip]

    InformationsquelleAutor Wahtever
  3. 0

    Versuchen.

    <a href="javascript:void(0);" onclick="$.fancybox.close();">close</a>
    InformationsquelleAutor ShankarSangoli
Schreibe einen Kommentar