ColorBox-Diashow über einen Link starten

Question

Ich möchte eine Seite mit einer Bildergalerie und einer Diashow haben. Die Diashow soll gestartet werden, wenn ich auf den Link klicke, die normale ColorBox soll verwendet werden, wenn ich auf eines der Bilder klicke.

Jetzt gruppiere ich alle Bilder mit einem rel. Für den Link zur Diashow verwende ich den folgenden Code:

<a rel="slideshow" href="#">Display slideshow</a>

In der Konfiguration für colorbox definiere ich rel als das rel, das ich für die Bilder verwende. Dies funktioniert fast, das Problem, das ich damit habe, ist, dass ich eine zusätzliche leere Seite am Anfang bekomme.

Wie kann ich eine Diashow einer Bildergalerie mit einem Textlink starten?

Answer 1

Ich habe lange danach gesucht, wie man das macht, und schließlich die Antwort gefunden - wo sonst - in den F.A.Q für Colorbox. Das Beispiel ist allerdings etwas anders formuliert, so dass es nicht so leicht zu finden war, wie Sie vielleicht denken. Vor allem, wenn man, wie ich, die Frage in dieser Form stellt.

<div style="display:none;"> <!-- optionally hide this div -->
    <a rel="gallery" href="http://stackoverflow.com/slideshow/one.jpg">Caption 1</a>
    <a rel="gallery" href="http://stackoverflow.com/slideshow/two.jpg">Caption 2</a>
    <a rel="gallery" href="http://stackoverflow.com/slideshow/three.jpg">Caption 3</a>
</div>
<a id="openGallery" href="#">Display slideshow</a>

<script type="text/javascript">
var $gallery = $("a[rel=gallery]").colorbox();
$("a#openGallery").click(function(e){
    e.preventDefault();
    $gallery.eq(0).click();
});
</script>

http://jacklmoore.com/colorbox/faq/#faq-click