Verwenden von jQuery zum Entsaften einer normalen Webseite

jquery

JavaScript ist nicht die am einfachsten zu erlernende Sprache. Viele Webentwickler, die Standard-HTML verstehen, sind davon ziemlich eingeschüchtert. Eine neue Generation von JavaScript-Frameworks gibt es schon seit einiger Zeit und sie beginnen, das Web mit großen Schritten zu erreichen.

Alle modernen Browser können JavaScript effizient ausführen (einige kürzlich vorgenommene Änderungen an Firefox haben ihren Motor allerdings wirklich beschleunigt). Ich würde das Herunterladen und Verwenden von Firefox - the Plugins allein machen es von unschätzbarem Wert.

jQuery ist ein JavaScript-Framework, mit dem ich in letzter Zeit immer mehr experimentiert habe. Als ich einen Platzhalter für ein neues Startup aufstellte, hatten wir nicht genug Inhalt für eine vollständige Site, aber wir wollten eine schöne Seite einrichten, die beschreibt, was kommen wird. Und wir wollten es in ein paar Minuten schaffen!

jQuery hat genau den Trick gemacht.

Wenn Sie praktisch alles nach jQuery + suchen, werden Sie feststellen, dass Entwickler Lösungen entwickelt haben, sogenannte Plugins, die sofort einsatzbereit sind! In diesem Fall habe ich nach „jQuery-Karussell“ gesucht und ein fantastisches, umfassendes gefunden jQuery-Karusselllösung auf Dynamic Drive.

Eine weitere schöne Sache bei jQuery ist, dass es so ist Code wird jetzt von Google gehostet. Daher müssen Sie jQuery weder auf Ihren eigenen Server hochladen, noch müssen die Leser Ihrer Website es jedes Mal herunterladen. Wenn sie auf einer Site mit dem Verweis auf jQuery waren, wird diese automatisch für die Verwendung mit Ihrer Site zwischengespeichert!

Fügen Sie einfach den Code in Ihr Head-Tag ein und schon können Sie mit jQuery loslegen:


Um das Karussell zu starten, musste ich das Stepcarousel-Skript hochladen und referenzieren:


Danach war das Ändern der Seite einfach! Ich stelle mein Karussell in ein Div namens meine Gallerie und der Streifen von Platten innerhalb eines div genannt Gürtel. Ich habe dann einen kleinen Teil des Einstellungscodes in mein Body-Tag eingefügt.

Sie können die Aktion ziemlich anpassen. In diesem Fall habe ich das Skript so geändert, dass es beim Laden der Seite automatisch ausgeführt wird. Ich habe die Geschwindigkeit und die Dauer der Anzeige jedes Panels sowie die Schaltflächen zum manuellen Drehen der Panels nach links und rechts angepasst. Eine weitere coole Funktion dieses Plugins - wenn Sie zum letzten Panel gelangen, ist es spult zurück zurück zum ersten!

Wenn Sie Angst vor der Programmierung haben oder JavaScript einschüchternd ist, ist jQuery möglicherweise die Lösung für Sie. Meistens müssen Sie nur die Dateiverweise kopieren und einfügen, einige Einstellungen bearbeiten, die Seite richtig strukturieren ... und los geht's.

3 Kommentare

  1. 1

    Ich baue gerade meine Website neu auf und strebe an diesem Wochenende einen Start an, wenn alles gut geht. Ich benutze jQuery für einige Aspekte und habe bisher keine Beschwerden. Alles scheint das "Web 2.0" -Gefühl zu vermitteln und hoffentlich wird es nur die fertige Site ergänzen.

Was denken Sie?

Diese Seite verwendet Akismet, um Spam zu reduzieren. Erfahren Sie, wie Ihre Kommentardaten verarbeitet werden.