jQuery small2big Bildzoom-Plug-in

jQuery small2big Bildskalierungs-Plug-in, kompatibel mit Mainstream-Browsern, empfohlener Download auf der chinesischen PHP-Website! Anwendung: 1. Der Head-Bereich verweist auf Dateien, CSS- und JS-Bibliotheken 2. Fügen Sie der Datei einen HTML-Code hinzu. Die Bilder im Bilderordner heißen 1.jpg, 2.jpg, .... <ul class="s2b_col" id="s2b_col">
Anwendung:
1. Der Head-Bereich verweist auf Dateien, CSS- und JS-Bibliotheken
2. Fügen Sie der Datei HTML-Code hinzu. Die Bilder im Bilderordner sind mit den Nummern 1.jpg, 2.jpg, ... benannt <ul class="s2b_col" id="s2b_col">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
3. Führen Sie den folgenden js-Code ein
$(document).ready(function(){
$("#s2b_col").small2big({
s2bRadius: 170, // Der Radius des kreisförmigen Rahmens, wenn das Bild vergrößert wird
s2bColLiRowMargin: -10, //Der Abstand zwischen den einzelnen Kreisen
s2bLiBorderColor: "#000" // Kreisrahmenfarbe
// s2bLiAlign: „V“ vertikale Bildanordnung
}).initS2bCol().addS2bFunction();
});
Alle Ressourcen auf dieser Website werden von Internetnutzern bereitgestellt oder von großen Download-Sites nachgedruckt. Bitte überprüfen Sie selbst die Integrität der Software! Alle Ressourcen auf dieser Website dienen nur als Referenz zum Lernen. Bitte nutzen Sie diese nicht für kommerzielle Zwecke. Andernfalls sind Sie für alle Folgen verantwortlich! Wenn ein Verstoß vorliegt, kontaktieren Sie uns bitte, um ihn zu löschen. Kontaktinformationen: admin@php.cn
Verwandter Artikel

31 Oct 2016
Ein Plug-In, auch Erweiterung genannt, ist ein Programm, das gemäß einer bestimmten Standard-Anwendungsprogrammschnittstelle geschrieben wurde. Das Schreibkonzept von Plug-Ins basiert auf der Objektorientierung.

29 Sep 2016
Lassen Sie mich übrigens noch einen Exkurs machen, wenn Sie auf komplexere Animationen stoßen. Welche Methoden verwenden Sie normalerweise, um damit umzugehen?

28 Sep 2016
Lassen Sie mich übrigens noch einen Exkurs machen, wenn Sie auf komplexere Animationen stoßen. Welche Methoden verwenden Sie normalerweise, um damit umzugehen?

24 Oct 2016
Beim Einfügen des Hintergrundbilds ist ein Fehler im Pfad aufgetreten, wie in der unteren rechten Ecke der Abbildung dargestellt. Wie ändere ich das Bild so, dass es im öffentlichen Verzeichnis erscheint? Vielen Dank euch allen.

08 Aug 2016
:In diesem Artikel wird hauptsächlich das jQuery-Plug-in zum Implementieren des linken und rechten Selection_Exchange-Inhalts des ausgewählten Dropdown-Felds (multiselect2side) vorgestellt. Studenten, die sich für PHP-Tutorials interessieren, können darauf verweisen.

14 Jan 2025
Suchen von Autos, die alle Tests in einer Liste bestanden haben. Die vorliegende Aufgabe besteht darin, Autos aus einer „Autos“-Tabelle zu identifizieren, die alle Tests erfolgreich bestanden haben ...

14 Jan 2025
Den Kontrollfluss in .NET mit Yield und Await verstehen: Yield und Await, eingeführt in .NET, bieten syntaktischen Zucker für die Steuerungsverwaltung ...

14 Jan 2025
System.Text.Json: Wie gebe ich einen benutzerdefinierten Namen für einen Enumerationswert an? Diese Funktion ist in .NET Core 3.0, .NET 5, .NET ... nicht sofort verfügbar.

14 Jan 2025
Spaltenaliase und SELECT-AusdrückeIn SQL werden Spaltenaliase verwendet, um temporäre Namen für Ergebnisspalten bereitzustellen und so deren Referenzierung zu ermöglichen ...


Hot Tools

jQuery 3D-Bild-Slider-Karusselleffekt
3D-Bild Slider-Karusselleffekt basierend auf jQuery

Reines CSS, um coole Umschaltanimationen zu erzielen, wenn die Maus über Bilder fährt
Pure CSS ermöglicht coole Downloads von wechselnden Animationscodes, wenn die Maus über Bilder fährt.

HTML5-Bildkarussell-Plug-in mit Parallax-Effekt
Ein HTML5-Bildkarussell-Plugin mit Parallaxeneffekt, das Bilder mit der Maus steuern und beim Scrollen des Bildkarussells einen coolen visuellen Unterschiedseffekt erzeugen kann.

B-Site-Header-Bild, interaktiver Mauszeiger, Tiefenschärfe-Fokuseffekt
Ein interaktiver Webseiten-Spezialeffekt mit Tiefenschärfe-Fokuseffekt für das Headerbild der B-Site.

Coole jQuery-3D-Bildwandeffekte, die gezogen und gedreht werden können
Ein cooler jQuery-3D-Bildwandeffekt, der gezogen und gedreht werden kann, um eine kreisförmige Bildwand zu bilden, und jedes Bild hat Leucht- und Reflexionseffekte. Es ist ein sehr schöner Bildanzeigeeffekt.
