Anzeige: united-domains - Die ganze Welt der Domains
Einfache & schnelle Domain-Registrierung zu fairen Preisen ohne Einrichtungsgebühren. Mehr als 250 Domain-Endungen aus einer Hand inklusive E-Mail- & Web-Weiterleitung. Einzigartiges Domain-Portfolio zur bequemen & sicheren Verwaltung Ihrer Domain-Namen.
Jetzt Domain-Check bei united-domains!
Colorbox Plugin jquery
Autor: FelixF
Datum: 15.08.2010 17:30:29
Hallo alle zusammen,
ich benutze das Tool Colorbox für jquery. (http://colorpowered.com/colorbox/)
Soweit komme ich damit klar, nur habe ich ein Problem. Ich habe auf einer Seite mehrere Links die eine Colorbox erzeugen sollen, was funktioniert. Nun möchte ich aber, das in der Leiste unten nicht die weiteren Bilder angezeigt werden, d.h. im Moment wird Bild 1 von 5 angezeigt (Beispiel) und außerdem möchte ich verhindern, dass der Pfeil zum nächsten Bild gezeigt wird.
Ich habe es wie folgt versucht:
</script>
<script type="text/javascript">
$(function() {
$("a[rel='liste']").colorbox({title: 'Ergebnistabelle',arrowKey:false});
});
</script>
Aufrufen tue ich das ganze wie folgt:
if($row->liste != "xxx")
{
echo "<a href="".$row->liste."" target="_blank" rel="liste">Ergebnisliste</a>";
}
Nur leider habe ich immernoch die beiden Pfeile in der Fußleiste.
Kann mir vielleicht einer von euch weiterhelfen und mir sagen, wie ich diese Pfeile auch noch ausblenden kann?
Liebe Grüße
Felix
Re: Colorbox Plugin jquery
Autor: T.Jung
Datum: 15.08.2010 19:30:17
> ich benutze das Tool Colorbox für jquery.
> (...)
> Nun möchte ich aber, das in der
> Leiste unten nicht die weiteren Bilder angezeigt
> werden, d.h. im Moment wird Bild 1 von 5
> angezeigt (Beispiel) und außerdem möchte ich
> verhindern, dass der Pfeil zum nächsten Bild
> gezeigt wird.
>
> Ich habe es wie folgt versucht:
> </script>
> <script type="text/javascript">
> $(function() {
> $("a[rel='liste']").colorbox({title:
> 'Ergebnistabelle',arrowKey:false});
> });
> </script>
Tatsächlich, auch bei einer Colorbox-Installation von mir selbst hat arrowKey keine Auswirkung. Scheint ein echter Bug zu sein.
Wie auch immer:
Wenn Du gar keine Bildgruppe willst -- ohne Pfeil von »Bild x von y«-Anzeige _ist_ es ja eigentlich keine Gruppe mehr -- wieso meldest Du es dann als eine solche an?
Du könntest z.B. auch schreiben:
<script type="text/javascript">
$(function() {
$("a.liste").colorbox({title: 'Ergebnistabelle'});
});
</script>
... und innerhalb der Seite dann:
<?php
if($row->liste != "xxx")
{
echo '<a href="'.$row->liste.'" class="liste">Ergebnisliste</a>';
}
?>
Somit dient die Klasse "liste" als »Auslöser« für Colorbox. Und da es sich dann um keine Reihe mehr handelt, fallen die Pfeile usw. von vorneherein weg...
Falls Du die Bilder aus irgendeinem Grund _doch_ gruppieren willst, bleibt Dir dann noch die Möglichkeit, die colorbox.css zu ändern:
Wenn Du den entsprechenden IDs (#cboxCurrent, #cboxPrevious, #cboxNext) anstelle der bestehenden Styles ein »display:none;« verpasst, werden die fraglichen Elemente auch verschwinden.
HTH,
Tobias Jung
Re: Colorbox Plugin jquery
Autor: FelixF
Datum: 16.08.2010 14:51:00
> Tatsächlich, auch bei einer Colorbox-Installation
> von mir selbst hat arrowKey keine Auswirkung.
> Scheint ein echter Bug zu sein.
Ich habe eine Auswirkung gefunden, nur keine, die mir den gewünschten Erfolg gebracht hatte. Und zwar verschwinden die Navigationspfeile im Bild bei arrowKey 'false'.
> Wie auch immer:
> Wenn Du gar keine Bildgruppe willst -- ohne Pfeil
> von »Bild x von y«-Anzeige _ist_ es ja eigentlich
> keine Gruppe mehr -- wieso meldest Du es dann als
> eine solche an?
Gute Frage, dass war mir gar nicht so bewusst gewesen.
> Du könntest z.B. auch schreiben:
> <script type="text/javascript">
> $(function() {
> $("a.liste").colorbox({title:
> 'Ergebnistabelle'});
> });
> </script>
>
> ... und innerhalb der Seite dann:
> <?php
> if($row->liste != "xxx")
> {
> echo '<a
> href="'.$row->liste.'"
> class="liste">Ergebnisliste</a>';
> }
> ?>
>
> Somit dient die Klasse "liste" als »Auslöser« für
> Colorbox. Und da es sich dann um keine Reihe mehr
> handelt, fallen die Pfeile usw. von vorneherein
> weg...
Danke, so funktioniert es. Manchmal sieht man einfach den Wald vor lauter Bäumen nicht. Ich hatte auch nochmal auf die Webseite von denen geschaut und da habe ich es dann auch so gesehen.
Danke und Grüße
Felix
