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

— Tambah-On untuk WorldWideScripts.net

Melanggan suapan kami untuk kekal sehingga tarikh!

Baru! Ikut kami yang anda mahu!


Ads

Ad: Bluehost hosting

Alat ini mewujudkan gaya yang menarik dan kesan untuk imej mana-mana laman web hanya menggunakan CSS3 dan Javascript ( jQuery ).Ia menyokong gaya kesan yang kebanyakan mereka boleh digabungkan dan banyak. Kombinasi beratus-ratus !

Menggunakan editor anda boleh mengarang dan menguji gaya anda. Kemudian, anda mengeksport fail yang mengandungi kod yang menghasilkan gaya dan termasuk mereka di laman web anda. Akhir sekali, anda menggunakan gaya untuk imej-imej dengan hanya menambah kepada mereka yang betul CSS nama kelas .

Disokong Gaya & Kesan

Gaya dan kesan-kesan berikut disokong. Sebahagian besar daripada mereka boleh digabungkan tetapi terdapat sebahagian daripada mereka yang tidak boleh bekerja bersama-sama. Jadi, mengaktifkan langkah gaya anda dengan langkah dan menguji setiap masa jika hasilnya adalah baik dan jika ia berfungsi dengan betul.

  • Sempadan
  • Cutout
  • Bergulung Sudut
  • Double Digariskan
  • Timbul
  • Caption Luar
  • Terapung
  • Dibingkaikan
  • Overlay berkilat
  • Berseri
  • Curve melintang
  • Caption dalaman
  • Diangkat Sudut
  • Margin
  • Kelegapan
  • Perspektif
  • Pop
  • Box dibangkitkan
  • Renungan
  • putaran
  • Sudut bulat
  • Imej bulat
  • Bayang-bayang
  • Goncang
  • Saiz
  • Gelongsor
  • Caption
  • Pita
  • Tooltip
  • Curve menegak
  • Peralihan

Alat ini termasuk 18 gaya premade / kesan yang boleh digunakan oleh anda.

Bagaimana ia berfungsi

Alat ini termasuk editor yang membantu anda untuk mencipta dan menguji gaya imej dan kesan yang anda inginkan.Menggunakan editor ini anda mengelakkan keperluan pengetahuan pengaturcaraan. Di bawah anda boleh melihat dua screenshot editor.

III III II. II,

Gabungan gaya dan kesan membentuk " view" .Anda boleh membuat sebagai banyak pandangan yang anda mahu. Setiap pandangan boleh digunakan untuk imej-imej laman web anda. Nama berpendapat adalah CSS nama kelas yang akan ditambah kepada imej untuk menjadi bergaya.

Selepas anda selesai dengan pandangan, editor mencipta satu fail CSS dan Javascript dua fail yang akan dimasukkan ke dalam laman web anda. (Jika laman anda tidak memuatkan jQuery maka anda juga akan mendapat fail jQuery dari editor. ) Kemudian anda menggunakan gaya dicipta untuk imej anda menggunakan atribut kelas setiap imej. Seperti yang dikatakan sebelum ini, nama berpendapat adalah CSS nama kelas yang akan dimasukkan ke dalam imej. Sebagai contoh, HTML kod imej<img src="images/project.jpg">akan dilakukan<img src="images/project.jpg" class="my-style-1">.

Tiada pengetahuan pengaturcaraan maju diperlukan, hanya HTML mudah. Anda hanya perlu berhati-hati apabila anda termasuk fail yang diperlukan untuk laman web anda tetapi terdapat bantuan dokumentasi tentang perkara ini.

Apa alat ini termasuk

Memuat turun alat ini, anda menerima fail zip ( 775 KB) hanya mengandungi jenis fail biasa ( html, css, js, jpg, png dan txt ). Antara fail-fail yang anda akan digunakan adalah seperti berikut

  • editor.html: Ini adalah file utama. Ini adalah editor yang mencipta gaya dan kesan untuk imej .
  • help.html: Bantuan dokumentasi mengenai cara untuk menggunakan editor dan bagaimana untuk memohon gaya dan kesan kepada imej-imej laman web anda.
  • demos.html: Satu koleksi gaya dibuat bersedia dan kesan hanya untuk menunjukkan keupayaan alat ini. Anda juga boleh menggunakan mereka dalam laman web anda.
  • demos.txt: Disimpan data gaya demo dan kesan kepada beban mereka dalam editor dan mengubah suai mereka atau terus menggunakannya.

Juga perkara-perkara berikut akan dimasukkan ke dalam laman web anda.

  • cisae.js: Fail Sudah dicipta dan bersedia untuk digunakan.
  • cisae.css: Akan diwujudkan oleh editor.
  • Javacscript kod: Beberapa baris kod Javascript yang akan diwujudkan oleh editor .

Berhati-hati

  • Gaya dan kesan tidak boleh digunakan untuk imej yang lain kompleks gaya CSS digunakan atau kod Javascript memanipulasi mereka.
  • Anda tidak boleh menggunakan lebih daripada satu tujuan untuk imej yang sama.
  • Alat ini boleh bekerja dengan Joomla dan WordPress.

Percubaan

Versi percubaan Imej Gaya lengkap dan Kesan tidak menyokong semua gaya dan kesan tetapi hanya beberapa daripada mereka. Kecuali had ini, seluruh alat ini biasanya bekerja, jadi anda boleh membuat ujian sebenar dan pastikan ia sesuai dengan keperluan anda.

Download Percubaan

Maklumat lanjut mengenai alat ini


Memuat turun
Komponen-komponen lain dalam kategori iniSemua komponen pengarang ini
KomenSoalan-soalan lazim dan jawapan

Properties

Dicipta:
22 Okt 12

Kemaskini:
25 Okt 12

Version Software:
jQuery

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

Kata kunci