Heim >Web-Frontend >js-Tutorial >Nashorn: der flexibelste JQuery Slider
Nashorn: Ein flexibler und benutzerfreundlicher JQuery-Slide-Plug-In
Sie haben vielleicht von Nashörnern gehört. Vor einigen Wochen veröffentlichten seine Entwickler seine "aktualisierte Version" - Nashorn. Nashorn ist derzeit das flexibelste JQuery Slider -Plugin. Wir sind bestrebt, eine benutzerfreundliche Folie zu erstellen, die auch ohne Programmiererfahrung leicht gestartet werden kann und sie so anpassbar wie möglich gestaltet. Wir bieten Tutorials und Dokumentations -APIs, damit Sie Ihre eigenen Effekte, Stile und Funktionen leichter erstellen können.
Das Beste an Nashorn ist die Online -Demonstration. Unser Generator bietet ein Tool, mit dem Sie die Möglichkeiten eines Schiebereglers testen können. Jede Einstellung ist mit einem Klick bearbeitet, sodass Sie sie nach Bedarf festlegen können, ohne Code zu schreiben. Wenn Sie alle Einstellungen vorgenommen haben, wählen Sie einfach Ihre Effekte aus und laden Sie Ihren Schieberegler herunter - keine erforderlichen Effekte, die Sie nicht benötigen.
Autoreinführung
Nashörner FAQ
Wie kann man den Übergangseffekt von Nashorn anpassen?
Nashorn bietet eine Vielzahl von anpassbaren Übergangseffekten. Sie müssen die Option "Effekt" in der Nashörnerfunktion ändern. Um beispielsweise den "Folie" -Effekt zu verwenden, können Sie Folgendes schreiben:. Sie können aus einer Vielzahl von Effekten wählen, einschließlich "Fade", "Kick", "Push", "Slide" und "Climb". $('#slider').rhinoslider({effect: 'slide'})
unterstützt Nashorn reaktionsschnell Design?
Ja, Nashorn unterstützt das reaktionsschnelle Design vollständig und kann an eine beliebige Bildschirmgröße angepasst werden. Es ändert sich automatisch um das Bild und den Schieberegler selbst, um den Bildschirm anzupassen, und sorgt für reaktionsschnelles Webdesign perfekt.
Wie füge ich einen Titel zur Folie des Nashorns hinzu?
enthält ein "Div" -Element mit der "Bildunterschrift" -Klasse in jeder Folie, wobei der Text als Titel verwendet wird. Zum Beispiel: <div> <img src="/static/imghwm/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/174070220498109.jpg" class="lazy" alt="Rhinoslider: The most flexible jQuery slider "> Dies ist ein Titel <div class="caption"> </div>.
<p> <strong> Kann Nashörner mit anderen JQuery -Plugins verwendet werden? </strong> </p>
<p> Ja, aber stellen Sie sicher, dass es keine Konflikte zwischen Plugins gibt. Wenn Konflikte vorhanden sind, können Sie JQuery's <code> noconflict <code>noConflict
Methode verwenden, um sie zu beheben.
Wie kann man die Geschwindigkeit des Nashörnerübergangs ändern?
Verwenden Sie die Option "EffectSpeed" in der Nashorn -Funktion, um die Übergangsgeschwindigkeit anzupassen. Der Wert liegt in Millisekunden, zum Beispiel eine Übergangszeit von 2 Sekunden. $('#slider').rhinoslider({effectSpeed: 2000})
Kann Nashörner einen Vollbild-Hintergrund-Schieberegler erstellen?
Ja, stellen Sie die Breite und Höhe des Schiebereglers auf 100% ein und positionieren Sie ihn absolut, um den gesamten Bildschirm abzudecken.
Wie füge ich Navigationskontrollen für Nashörner hinzu?
integrierte Navigationskontrollen von Nashörnern können aktiviert werden, indem die Optionen "ControlSPlayPause", "ControlSprevNext" und "ControlsKeyboard" auf True festgelegt werden.
Kann Nashörner einen Karussellschieberer erstellen?
Ja, setzen Sie die Option "Effekt" auf "Karussell" und passen Sie die Option "Elemente" an, um die Anzahl der sichtbaren Elemente anzugeben.
Wie füge ich einen Timer für Nashörner hinzu?
Stellen Sie die Option "Showtime" auf True ein, um die Fortschrittsleiste anzuzeigen, wobei die verbleibende Zeit vor der nächsten Folie angezeigt wird.
Kann Nashörner Video -Slider erstellen?
Ja, geben Sie ein "Video" -Element in jede Folie an und setzen Sie die Option "automatisch" auf False, um zu verhindern, dass die Folie beim Abspielen des Videos automatisch schaltet.Das obige ist der detaillierte Inhalt vonNashorn: der flexibelste JQuery Slider. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!