WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Images and Media

Complete Image Styles & Effects

— Add-On auf WorldWideScripts.net

@de1wwsAbonniere den Feed um auf dem neuesten Stand zu bleiben!

Neu! Folge uns, wie Du es möchtest!


Ads

Ad: Bluehost hosting

Dieses Tool erstellt beeindruckende Stile und Effekte für die Bilder einer Website mit nur CSS3 und Javascript ( jQuery ) .Es unterstützt verschiedene Designs und Effekte, die meisten von ihnen kombiniert werden können . Die Kombinationen sind Hunderte !

Mit dem Editor können Sie leicht zu komponieren können und testen Sie Ihre Stile. Dann exportieren Sie die Dateien mit den Code, der diese Stile produziert und diese in Ihre Website . Schließlich gelten Sie die Stile zu den Bildern durch einfaches Hinzufügen, um sie den richtigen CSS-Klasse Namen.

Unterstützte Stile & Effects

Die folgenden Stile und Effekte werden unterstützt . Die meisten von ihnen können kombiniert werden, aber es gibt einige von ihnen, die nicht zusammenarbeiten können . So aktivieren Sie Ihre Arten Schritt für Schritt und testen Sie jedes Mal, wenn das Ergebnis ist schön und wenn es richtig funktioniert.

  • Border
  • Ausschnitt
  • Sich Corners
  • Doppel skizziert
  • Embossed
  • Externe Bildunterschrift
  • Float
  • Gerahmt
  • Glossy Overlay
  • Glowing
  • Horizontal Curve
  • Interne Bildunterschrift
  • Lifted Corners
  • Margin
  • Deckkraft
  • Perspective
  • Pop
  • Raised Box
  • Reflection
  • Drehung
  • Abgerundete Ecken
  • Round Bild
  • Schatten
  • Schütteln
  • Größe
  • Schiebetüren
  • Bildunterschrift
  • Band
  • Tooltip
  • Vertikale Curve
  • Transition

Dieses Tool enthält 18 vorgefertigte styles / Wirkungen, die von Ihnen verwendet werden können.

Wie es funktioniert

Dieses Tool enthält einen Editor, der das Erstellen und testen Sie die Bild und-effekte, die Sie wünschen können.Mit diesem Editor können Sie vermeiden die Notwendigkeit von Programmier-Kenntnisse . Unten sehen Sie zwei Screenshots des Editors.

III III II . II ,

Die Kombination von Stilen und Wirkungen bilden eine " Ansicht " .Sie können so viele Ansichten wie Sie wollen. Jede Ansicht kann auf die Bilder von Ihrer Website angewendet werden. Der Name der Ansicht ist, die CSS-Klasse Name, der auf dem Bild hinzugefügt werden, um in der stilisiert.

Nachdem Sie mit den Ansichten fertig sind, erstellt der Editor eine CSS -Datei und zwei Javascript -Dateien, die auf Ihrer Website enthalten sein werden . ( Wenn Ihre Website nicht geladen wird jQuery dann erhalten Sie auch die jQuery- Datei aus dem Editor. ) Dann gelten die erstellten Stile, um Ihre Bilder mit der Klasse Attribut jedes Bild . Wie gesagt, ist der Name der Ansicht, die CSS-Klasse Name, der das Bild hinzugefügt werden. Zum Beispiel kann das Bild HTML-Code<img src="images/project.jpg">Wille geschehe<img src="images/project.jpg" class="my-style-1">.

Keine erweiterte Programmierkenntnisse benötigt, nur einfache HTML . Sie müssen nur vorsichtig sein, wenn Sie die benötigten Dateien auf Ihrer Website, sondern sind gibt es Hilfe Dokumentation darüber.

Was dieses Tool beinhaltet

Herunterladen diesem Tool erhalten Sie eine zip -Datei ( 775 KB ), die nur gängige Dateitypen (html, css, js, jpg, png und txt) . Unter diesen Dateien die, die Sie verwenden wollen, sind folgende

  • editor.html: Dies ist die wichtigste Datei. Dies ist der Editor, der die Stile und Effekte für die Bilder erstellt .
  • help.html: Hilfe Dokumentation darüber, wie Sie den Editor und wie die Stile und Effekte auf die Bilder Ihrer Website anwenden.
  • demos.html: Eine Sammlung von vorgefertigten Designs und Effekte, nur um die Fähigkeiten dieses Tools zeigen . Auch Sie können sie in Ihrer Website verwenden .
  • demos.txt: Gespeicherte Daten der Demo- Designs und Effekte, um sie in den Editor laden und modifizieren oder direkt verwenden.

Auch die folgenden Elemente in Ihre Website aufgenommen werden.

  • cisae.js: Bereits erstellte Datei und einsatzbereit .
  • cisae.css: Wird durch den Editor erstellt werden.
  • Javacscript Code: Ein paar Zeilen Javascript -Code, der von der Redaktion erstellt.

Vorsicht

  • Die Stile und Effekte können nicht auf Bilder, auf denen andere komplexe CSS-Stile angewendet oder Javascript-Code manipuliert sie angewendet werden.
  • Sie können nicht mehr als einen Blick auf das gleiche Bild .
  • Dieses Tool kann mit Joomla und WordPress zu arbeiten.

Testversion

Die Testversion von Complete Bild Styles und Effekte unterstützt nicht alle die Stile und Effekte, sondern nur ein paar von ihnen . Außer dieser Einschränkung der Rest des Werkzeugs wird in der Regel arbeiten, so können Sie einen echten Test zu machen und sicherzustellen, dass es Ihren Bedürfnissen entspricht.

Testversion herunterladen

Weitere Informationen zu diesem Tool


Herunterladen
Weitere Komponenten in dieser KategorieAlle Komponenten dieses Autors
KommentareHäufige Fragen und Antworten

Eigenschaften

Erstellt 22. Oktober:
12

Letztes Update 25. Oktober:
12

Software Version:
jQuery

Dateien inklusive:
JavaScript JS, JSON JavaScript , HTML, CSS

Stichworte