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

Mag-subscribe sa aming mga feed upang manatili hanggang sa petsa!

Bago! Sundin amin sa gusto mo!


Ads

Ad: Bluehost hosting

Ang tool na ito ay lumilikha ng kahanga-hangang mga estilo at mga epekto para sa mga imahe ng anumang website gamit lamang ang CSS3 at Javascript ( jQuery ) .Ito ay sumusuporta sa maraming mga estilo at mga epekto na kung saan karamihan sa mga ito ay maaaring pinagsama-sama. Ang kumbinasyon ay mga daan-daang !

Gamit ang mga editor maaari mong madaling gumawa ng sulat at subukan ang iyong mga estilo . Pagkatapos, i-export mo ang mga file na naglalaman ng code na gumagawa ng mga estilo at isama ang mga ito sa iyong website . Panghuli, mag-apply ka ng mga estilo sa ang mga imahe sa pamamagitan ng simpleng pagdagdag sa kanila ang tamang CSS pangalan ng klase .

Suportadong Mga Estilo & Effect

Ang mga sumusunod na mga estilo at mga epekto ay suportado . Ang karamihan sa mga ito ay maaaring pinagsama ngunit may mga ilan sa mga ito na hindi maaaring gumana nang sabay . Kaya, isaaktibo ang iyong mga estilo ng sunud-sunod at subukan ang bawat oras na kung ang resulta ay maganda at kung ito ay gumagana nang tama.

  • Border
  • Ginupit
  • Corners ay kulutin
  • Double nakabalangkas
  • Alsado
  • Panlabas na Caption
  • Lumutang
  • Nakabalangkas
  • Makintab Overlay
  • Kumikinang
  • Pahalang Curve
  • Panloob na Caption
  • Itinaas Corners
  • Ang margin
  • Opacity
  • Pananaw
  • Pop
  • Itinaas Box
  • panganganinag
  • Pag-ikot
  • Bilugan Corners
  • Round Larawan
  • Shadow
  • Iling
  • Laki
  • Sliding
  • Caption
  • Tape
  • Tooltip
  • Vertical Curve
  • Transition

Ang tool na ito kasama ang 18 premade mga estilo / epekto na maaaring magamit sa pamamagitan ng sa iyo.

Paano ito gumagana

Ang tool na ito ay nagsasama ng isang editor na tumutulong sa iyo na lumikha at subukan ang mga estilo ng mga imahe at mga effect na gusto mo .Gamit ang editor mo maiwasan ang pangangailangan ng mga kaalaman sa programming . Sa ibaba makikita mo ang dalawang mga screenshot ng editor .

III III II. II ,

Ang kumbinasyon ng mga estilo at mga epekto bumubuo ng isang may " view" .Maaari kang lumikha ng maraming mga view sa gusto mo . View ng bawat isa ay maaaring ilapat sa ang mga imahe ng iyong website. Ang pangalan ng view ay ang pangalan ng CSS class na iyon ay madadagdag sa larawan upang maging inilarawan sa pangkinaugalian .

Kapag natapos mo na may mga tanawin, editor ang lumilikha ng isang file na CSS at Javascript dalawang mga file na ay isasama sa iyong website . ( Kung ang iyong site ay hindi nag -load ang jQuery pagkatapos ay makakakuha ka rin ng mga jQuery file mula sa editor . ) Pagkatapos mong ilapat ang mga estilo ng nilikha sa iyong mga larawan gamit ang mga klase ng katangian ng bawat imahe. Tulad ng sinabi bago, ang pangalan ng view ay ang pangalan ng CSS class na iyon ay madadagdag sa larawan. Halimbawa, ang imahen code ng HTML<img src="images/project.jpg">ay tapos na<img src="images/project.jpg" class="my-style-1">.

Walang mga advanced na kaalaman sa programming ay kailangan, lamang simpleng HTML. Kailangan mo lamang na mag-ingat kapag isinama mo ang mga kinakailangang mga file sa iyong website ngunit mayroong help dokumentasyon tungkol sa ito .

Ano ang tool na ito kasama

Dina-download ang tool na makatanggap ka ng isang zip file ( 775 KB ) na naglalaman lamang ng mga karaniwang mga uri ng file ( html, css, js, jpg, png at txt) . Kabilang sa mga file na ito sa iyong mga nai pupunta gamitin ay ang mga sumusunod

  • editor.html: Ito ang pangunahing file. Ito ang editor na lumilikha ang mga estilo at mga epekto para sa mga imahe .
  • help.html: Tumulong na dokumentasyon tungkol sa kung paano gamitin ang editor at paano mag-apply ang mga estilo at mga epekto sa mga imahe ng iyong website.
  • demos.html: Isang koleksyon ng mga handa na ginawa mga estilo at mga epekto lamang upang ipakita ang mga kakayahan ng mga tool na ito. Gayundin maaari mong gamitin ang mga ito sa iyong website .
  • demos.txt: Nai-save na data ng mga estilo ng demo at mga epekto upang i-load ang mga ito sa editor at baguhin ang mga ito nang direkta o gamitin ang mga ito .

Gayundin ang mga sumusunod na item ay isasama sa iyong website .

  • cisae.js: Mayroon nilikha file at handa nang magamit .
  • cisae.css: Ay nilikha sa pamamagitan ng mga editor .
  • Javacscript code: Ang ilang mga linya ng Javascript code na lilikhain sa pamamagitan ng mga editor .

Ingat

  • Ang mga estilo at mga effects ay hindi maipapatupad sa mga imahe na kung saan iba pang mga kumplikadong mga estilo ng CSS ay inilapat o Javascript code manipulates ang mga ito .
  • Hindi ka maaaring mag-apply ng higit sa isang view upang ang parehong imahe .
  • Ang tool na ito ay maaaring gumana sa Joomla at WordPress .

Pagsubok

Ang mga pagsubok na bersyon ng Complete Estilo ng Larawan at Effects ay hindi sumusuporta sa lahat ng estilo at mga epekto ngunit lamang ng ilang sa mga ito . Maliban na ito limitasyon, ang natitirang bahagi ng tool ay karaniwang nagtatrabaho, kaya maaari kang magsagawa ng real test ng ito at tiyaking ito nababagay sa iyong mga pangangailangan.

I-download ang Pagsubok

Higit pang impormasyon tungkol sa tool na ito


I-download
Iba pang mga bahagi sa kategoryang itoAng lahat ng mga bahagi ng may-akdang ito
Mga komentoMga madalas itanong at sagot

Properties

Nilikha:
22 Oktubre 12

Huling Update:
25 Oktubre 12

Software Version:
jQuery

File Kasamang:
JavaScript JS , JSON JavaScript , HTML , CSS

Keyword