Antworten auf deine Fragen:
Neues Thema erstellen

Frage zu einem Scriptaussschnitt

AlexH

Aktives Mitglied

Hallo, Community und heute insbesondere die Coder und Scripter unter euch :)

Ich habe mir auf youtube.com ein Video angeschaut, in dem der Autor einen Image Slider erstellt.

Link zum Video

Leider verstehe ich folgenden Code-Aussschnitt nicht, kann mir dessen Inhalt aber teilweise deuten:

Code:
$(function( ) {
   $(".slider").jslider({
      btnNext: ".next",
      btnPrev: ".prev"
   })
}
Kann mir jemand diesen Aussschnitt erläutern? Ich möchte den Code sehr ungerne übernehmen, bevor ich ihn nicht vollständig verstanden habe.
Ich würde auch Pseudo-Code begrüßen.

Ich bedanke mich im Voraus.

Liebe Grüße

Alex
 
Zuletzt bearbeitet:

Christian

verpeilt & verschallert

AW: Frage zu einem Scriptaussschnitt

Moin,
also:

Code:
$(function( ) {
   $(".slider").jslider({
      btnNext: ".next",
      btnPrev: ".prev"
   })
}
Erstmal: Es scheint sich hier nur um einen Ausschnitt zu handeln, da es so, wie Du es gepasted hast, zu einem Syntax-Error kommen würde.
Zum Anderen:
Beim Fertigstellen der Seite ("onload") wird auf jedes Element mit dem Attribut "class='slider'" die Slider-Logik angewendet, wobei beim Klick auf die Elemente mit class='next' die Funktion "Nächstes Bild anzeigen" ausgeführt wird und beim Klick auf die Elemente mit class='prev' die Funktion "Vorheriges Bild anzeigen".

Bei jQuery gibt es mehrere Möglichkeiten diese Elemente, auf die Funktionen angewendet werden sollen, auszuwählen:

.className = Alle Elemente die "className" im "class"-Attribut enthalten
#elName = Element mit id="elName"
td = Alle Elemente, die den Tagnamen "td" haben (<td>)
usw...
 
Zuletzt bearbeitet:

AlexH

Aktives Mitglied

AW: Frage zu einem Scriptaussschnitt

Es ist ein Ausschnitt aus einer HTML-Datei, ja.
Die komplette Datei kannst du hier sehen (die richtige Sekunde ist bereits ausgewählt)
Link
Welcher Teil bedeutet denn onload?

Stimmt, ich habe die letzten Zeichen vergessen
Code:
$(function( ) { 
      $(".slider").jslider({ 
            btnNext: ".next", 
            btnPrev: ".prev"    
       })
   });
 
Zuletzt bearbeitet:

psdkdts

Noch nicht viel geschrieben

AW: Frage zu einem Scriptaussschnitt

Die Methode btnNext bekommt die Klasse class="next" und btnPrev die Klasse class="prev" zugewiesen, sodass sie ausgelöst werden wenn die Elemente mit den entsprechen den klassen ein Event abfangen.
Einfach gesagt alle Tags/Elemente die (in diesem Fall) die klassen next bzw. prev haben, lösen beim Eintreten eines Events (möglicherweise onclick bzw. onkeydown oder ähnliches) die entsprechend vorbereitete Methode btnNext bzw btnPrev..
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.613
Beiträge
1.538.346
Mitglieder
67.524
Neuestes Mitglied
BSKGA
Oben