• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Fluidbox zum Laufen bringen

S

SchonmalDanke

New member
Liebe Leute,

ich habe Fluidbox entdeckt und möchte es auf meiner Website integrieren. Dabei geht es mir um folgende Funktion:

Fluidbox, a jQuery plugin for beautiful lightboxes

Im <head> meiner Seite habe ich hinzugefügt:

Code: 
<link type="text/css" href="./css/fluidbox.css" media="all" rel="stylesheet" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="jquery.fluidbox.min.js">

Nun verstehe ich folgenden Satz nicht: Auf https://github.com/terrymun/Fluidbox#basic steht:
Simply chain the .fluidbox() method to a selector of your choice.
Zum Vergrößern anklicken....

An anderer Stelle ist dieser Punkt mit diesen Worten beschrieben:

In your JS file, you can simply chain the .fluidbox() method to your selector on DOM ready.
Zum Vergrößern anklicken....

An welcher Stelle muss ich nun diesen Code
Code: 
$(function () {
    $("a").fluidbox();
});

einfügen und wie verändern?
 
SchonmalDanke schrieb:
An welcher Stelle muss ich nun diesen Code [...] einfügen
Zum Vergrößern anklicken....
Den kannst du irgendwo in ein <script> oder auch in eine externe JS-Datei packen. Da du mit dem DOM-Ready arbeitest, ist es egal wo das genau ist.

SchonmalDanke schrieb:
wie verändern?
Zum Vergrößern anklicken....
Das können wir dir nicht sagen, da nur du hier deinen HTML-Code kennst... generell muss du hald den Selektor so anpassen, dass er nur die von dir gewünschten Links erfasst.
 
Ich habe nun den Code des Beispiels genommen und im <body> untergebracht.

Code: 
<script>
$(function () {
    $('#gallery a[rel="lightbox"]').fluidbox();
})
</script>


<section id="gallery">
    <a href="images/large.jpg" rel="lightbox">
        <img src="images/thumb.jpg" alt="" />
    </a>
</section>

Aber es funktioniert noch nicht.

Sorry der Nachfrage, aber was ist DOM-ready?
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben