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 till WorldWideScripts.net

Prenumerera på vårt foder för att hålla dig uppdaterad!

Nytt! Följ oss som du vill ha det!


Ads

Ad: Bluehost hosting

Detta verktyg skapar imponerande stilar och effekter för bilder av en webbplats med bara CSS3 och Javascript ( jQuery ) .Den stödjer många stilar och effekter som de flesta av dem kan kombineras . Kombinationerna är hundra !

Med hjälp av editorn kan du enkelt komponera och testa dina stilar . Sedan exporterar du de filer som innehåller den kod som producerar dessa stilar och inkludera dem i din webbplats . Slutligen tillämpar du de stilar till bilderna genom att helt enkelt lägga till dem på rätt CSS- klassnamn .

Stöds Stilar och effekter

Följande stilar och effekter stöds . Det flesta av dem kan kombineras, men det är några av dem som inte kan arbeta tillsammans . Så, aktivera ditt stilar steg för steg och testa varje gång om resultatet är trevligt och om det fungerar korrekt .

  • Border
  • Utklipp
  • Böjda hörnen
  • Dubbel Beskrivs
  • Präglat
  • Extern Caption
  • Flyt
  • Inramad
  • Glossy Overlay
  • Glödande
  • Horisontell Curve
  • Intern Caption
  • Lifted hörn
  • Marginal
  • Opacitet
  • Perspektiv
  • Pop
  • Upphöjd Box
  • Reflektion
  • Rotation
  • Rundade hörn
  • Round bild
  • Shadow
  • Skaka
  • Storlek
  • Sliding
  • Caption
  • Tape
  • Tooltip
  • Vertikal kurva
  • Transition

Detta verktyg inkluderar 18 premade stilar / effekter som kan användas av dig .

Så här fungerar det

Detta verktyg innehåller en editor som hjälper dig att skapa och testa bilden stilar och effekter du önskar .Med hjälp av denna editor du undvika behovet av kunskaper i programmering . Nedan kan du se två skärmdumpar av redaktören .

III III II . II ,

Kombinationen av stilar och effekter bildar en " vy " .Du kan skapa så många vyer som du vill . Varje vy kan tillämpas på bilder av din webbplats . Namnet på vyn är CSS klassnamn som läggs till bilden för att vara stiliserade .

När du är klar med de åsikter, skapar redaktören en CSS-fil och två JavaScript-filer som ska ingå i din webbplats . ( Om din webbplats inte ladda jQuery kommer du också få jQuery -filen från redaktören . ) Sedan tillämpa de skapat stilar för dina bilder med hjälp av attributet class för varje bild . Som sagt, är namnet på vyn CSS klassnamn som läggs till bilden . Till exempel . Bilden HTML-koden<img src="images/project.jpg">kommer att ske<img src="images/project.jpg" class="my-style-1">.

Ingen avancerad programmering kunskap behövs, bara enkel HTML . Du behöver bara vara försiktig när du inkluderar de nödvändiga filerna till din webbplats, men det finns hjälp dokumentation om detta .

Vad detta verktyg ingår

Ladda ned detta verktyg får du en zip-fil ( 775 KB ) innehåller endast vanliga filtyper ( html, css, js, jpg, png och txt ) . Bland dessa filer de du ska använda är följande

  • editor.html: Detta är huvudfilen . Detta är redaktören som skapar de stilar och effekter för bilderna .
  • help.html: Hjälp dokumentation om hur man använder editorn och hur man tillämpa stilar och effekter till bilder av din webbplats .
  • demos.html: En samling av färdiga stilar och effekter bara för att visa möjligheterna med detta verktyg . Även du kan använda dem på din hemsida .
  • demos.txt: Sparad data för demo stilar och effekter för att ladda dem i redigeraren och ändra dem eller direkt använda dem .

Även följande punkter kommer att ingå i din webbplats .

  • cisae.js: Redan skapade filen och redo att användas .
  • cisae.css: Kommer att skapas av redaktören .
  • Javacscript kod: Några rader Javascript -kod som skapas av redaktören .

Försiktighet

  • De stilar och effekter kan inte användas på bilder som andra komplexa CSS-format tillämpas eller Javascript-kod manipulerar dem .
  • Du kan inte använda mer än en tanke på samma bild .
  • Detta verktyg kan arbeta med Joomla och Wordpress .

Trial

Den testversion av fullständig bild stilar och effekter stöder inte alla stilar och effekter men endast ett fåtal av dem . Utom denna begränsning, är resten av verktyget normalt arbetar, så att du kan göra en verklig test av det och vara säker på att det passar dina behov .

Hämta testversion

Mer information om detta verktyg


Hämta
Andra komponenter i denna kategoriAlla komponenter i denna författare
KommentarerVanliga frågor och svar

Egenskaper

Skapad:
22 okt 12, Last Update

Nyckelord