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

Abonneer u op onze feed om de hoogte te blijven!

Nieuw! Volg ons als u het wilt!


Ads

Ad: Bluehost hosting

Deze tool zorgt voor indrukwekkende stijlen en effecten voor de afbeeldingen van een website met alleen CSS3 en Javascript ( jQuery ) .Het ondersteunt een groot aantal modellen en effecten die de meeste van hen kunnen worden gecombineerd . De combinaties zijn honderden !

Met behulp van de editor kunt u eenvoudig samenstellen en testen van uw stijlen . Vervolgens exporteert u de bestanden met de code die deze stijlen produceert en integreer ze in uw website . Tot slot, je de stijlen toepassen op de beelden door het simpelweg toevoegen van hen de juiste CSS class naam .

Ondersteund Styles & Effects

De volgende stijlen en effecten worden ondersteund . De meeste van hen kunnen worden gecombineerd, maar er zijn een aantal van hen die niet kunnen samenwerken . Dus, activeert uw stijlen stap voor stap en test elke keer als het resultaat is mooi en als het goed werkt .

  • Grens
  • Knipsel
  • Gekruld Corners
  • Dubbele Geschetst
  • In reliëf
  • Externe Bijschrift
  • Drijven
  • Ingelijst
  • Glossy Overlay
  • Gloeien
  • Horizontale Curve
  • Interne Bijschrift
  • Lifted Corners
  • Marge
  • Ondoorzichtigheid
  • Perspectief
  • Pop
  • Verhoogd Box
  • Reflectie
  • omwenteling
  • Afgeronde hoeken
  • Ronde afbeelding
  • Schaduw
  • Schud
  • Grootte
  • Schuiven
  • Bijschrift
  • Tape
  • Tooltip
  • Verticale Curve
  • Transition

Deze tool bevat 18 kant en klare stijlen / effecten die kunnen door u worden gebruikt .

Hoe het werkt

Deze tool bevat een editor die u helpt te creëren en te testen op de afbeelding stijlen en effecten die u wenst .Met behulp van deze editor kunt voorkomen dat de noodzaak van kennis van programmeren . Hieronder vindt u twee screenshots van de editor te zien .

III III II . II ,

De combinatie van stijlen en effecten vormen een " view " .U kunt zoveel meningen als je wilt . Elke weergave kan worden toegepast op de foto's van uw website . De naam van het uitzicht is de CSS -klasse naam die aan het beeld wordt toegevoegd om te gestileerd .

Nadat u klaar bent met het uitzicht, de redacteur maakt een CSS-bestand en twee Javascript bestanden die zullen worden opgenomen in uw website . ( Als uw site niet jQuery laadt dan zal je ook het jQuery -bestand te krijgen van de editor . ) Toen de gecreëerde stijlen toepassen om uw foto's met behulp van de klasse attribuut van elk beeld . Zoals eerder gezegd, de naam van de weergave is de CSS -klasse naam die wordt toegevoegd aan de afbeelding . Bijvoorbeeld, het beeld HTML-code<img src="images/project.jpg">zal gebeuren<img src="images/project.jpg" class="my-style-1">.

Geen geavanceerde kennis van programmeren nodig is, slechts eenvoudige HTML . Je hoeft alleen maar voorzichtig te zijn wanneer u onder andere de benodigde bestanden naar uw website, maar er is hulp documentatie over dit .

Wat deze tool omvat

Het downloaden van deze tool een zip -bestand ( 775 KB ) die alleen veelgebruikte bestandstypen ( html, css, js, jpg, png en txt ) ontvangt u . Onder deze bestanden die je gaat gebruiken, zijn de volgende

  • editor.html: Dit is het hoofdbestand . Dit is de editor die de stijlen en effecten voor de beelden creëert .
  • help.html: Help documentatie over hoe de editor en hoe je de stijlen en effecten toepassen op de foto's van uw website te gebruiken .
  • demos.html: Een verzameling van kant en klare stijlen en effecten alleen maar om de mogelijkheden van deze tool zien . Ook kunt u ze gebruiken in uw website .
  • demos.txt: Opgeslagen data van de demo stijlen en effecten om deze in de editor en ze te wijzigen of ze direct te gebruiken .

Ook de volgende items worden opgenomen in uw website .

  • cisae.js: Reeds gemaakte bestand en klaar voor gebruik .
  • cisae.css: Zal worden gecreëerd door de redactie .
  • Javacscript code: Een paar regels Javascript code die wordt gemaakt door de redactie .

Voorzichtigheid

  • De stijlen en de effecten niet kunnen worden toegepast op beelden waarop andere complexe CSS- stijlen worden toegepast of javascript code manipuleert hen.
  • U kunt meer dan een oog niet van toepassing op dezelfde afbeelding .
  • Deze tool kan werken met Joomla en WordPress .

Trial

De proefversie van Complete Afbeelding Stijlen en effecten biedt geen ondersteuning voor alle stijlen en effecten, maar slechts een paar van hen . Behalve deze beperking, is de rest van het gereedschap normaal werkt, dus je kunt een echte test van te maken en zorg ervoor dat het past bij uw behoeften .

Download Trial

Meer informatie over dit hulpprogramma


Downloaden
Andere onderdelen in deze categorieAlle onderdelen van deze auteur
OpmerkingenVeelgestelde vragen en antwoorden

Eigenschappen

Aangemaakt:
22 oktober 12

Last Update:
25 oktober 12

Software Version:
jQuery

Files Inbegrepen:
JavaScript JS , JavaScript JSON , HTML , CSS

Trefwoorden