So bauen Sie mehrere jQuery-Slider auf einer Internetseite ein

In dieser Anleitung erfahren Sie, wie Sie mehrere jQuery-Slider erstellen und über einen HTML-Editor auf einer Internetseite einbinden können. Wenn Sie wissen möchten, wie Sie jQuery-Slider auf WordPress-Seiten und Joomla-Websites einbauen können, gehen Sie bitte zu folgender Anleitung:

1. Schritt: Erstellen Sie mehrere jQuery-Diashows mit Amazing Slider und legen Sie jeweils eine eindeutige ID fest.

Wenn Sie mehrere Diashows auf einer Internetseite anzeigen möchten, müssen Sie einzelne Slider mit eigener ID erstellen. Wählen Sie im Dialogfenster Veröffentlichen von Amazing Slider die Option Im Ordner veröffentlichen aus. Klicken Sie dann auf Suchen, um einen Ordner zum Ablegen der Bilddateien auszuwählen.

  • Für jeden Slider müssen Sie eine eindeutige ID festlegen.
  • Wenn Sie die Slider in einen Ordner exportieren, müssen Sie für jeden einzelnen Slider einen eindeutigen Slider-Dateinamen vergeben.
jQuery-Diashow-Ersteller

2. Schritt: Kopieren oder laden Sie alle erstellten Dateien und Ordner in DENSELBEN ORDNER wie die Internetseite, auf der Sie den Slider einbinden möchten.

Bei diesem Schritt müssen Sie alle erstellten Dateien in DENSELBEN Ordner wie Ihre Internetseite kopieren oder hochladen. Dies gilt sowohl für HTML-Dateien und Bilder als auch für den Ordner der Slider-Engine.

jQuery-Slideshow-Ersteller

3. Schritt: Bearbeiten und ergänzen Sie HTML-Code im Kopfbereich Ihrer Internetseite.

Öffnen Sie die erstellte HTML-Datei über einen HTML- oder Texteditor, kopieren Sie den Code aus dem Kopfbereich und fügen Sie diesen vor dem Tag </head> auf Ihre Internetseite ein. Entfernen Sie den doppelten Verweis auf jquery.js und amazingslider.js im zweiten Code sowie den anderen Codes.

jQuery-Slideshow-Ersteller

Letzter Schritt: Fügen Sie die HTML-Codes an der Stelle im Haupttext ein, an der die Diashow angezeigt werden soll.

Kopieren Sie die HTML-Codes aus dem Haupttextteil und fügen Sie diese an der Stelle auf Ihrer Internetseite ein, an der die Diashow angezeigt werden soll.

jQuery-Diashow-Ersteller