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

— Додатки до WorldWideScripts.net

Підпишіться на наш канал, щоб залишатися в курсі подій!

Новинка! Слідуйте за нами, як ви хочете!


Ads

Ad: Bluehost hosting

Цей інструмент створює вражаючі стилі та ефекти для зображень будь-який сайт, використовуючи тільки CSS3 і JavaScript ( JQuery ) .Він підтримує безліч стилів і ефектів, які більшість з них можуть бути об'єднані. Сотні комбінацій!

За допомогою редактора ви можете легко створювати і перевірити свої стилі . Потім, ви експортувати файли, що містять код, який виробляє ці стилі і включити їх у ваш сайт . Нарешті, застосування стилів до зображень, просто додавши до них правильний клас CSS ім'я.

Підтримуються стилі та ефекти

Наступні стилі і ефекти підтримуються. Більшість з них можуть бути об'єднані, але є деякі з них, які не можуть працювати разом. Так, активувати свій стилів крок за кроком і перевірити кожен раз, якщо результат хороший, і якщо він працює правильно .

  • Кордон
  • Виріз
  • Кучерявий Углов
  • Двомісний Викладені
  • Тиснення
  • Зовнішні субтитри
  • Поплавка
  • Рамку
  • Глянцевий Overlay
  • Сяючі
  • Горизонтальної кривої
  • Внутрішні субтитри
  • Відмінені Углов
  • Маржа
  • Непрозорість
  • Перспектива
  • Поп
  • Піднятий Box
  • відображення
  • Обертання
  • Закругленими кутами
  • Круглий зображення
  • Тінь
  • Струснути
  • Розмір
  • Розсувні
  • Напис
  • Стрічки
  • Підказка
  • Вертикальної кривої
  • Переходу

Цей інструмент включає в себе 18 готових стилів / ефектів, які можуть бути використані вами .

Як це працює

Цей інструмент входить редактор, який допоможе вам створити і протестувати образ стилі та ефекти, які ви хочете.За допомогою цього редактора ви уникаєте необхідності знань в області програмування . Нижче ви можете побачити два скріншота редактора.

III III II . II ,

Змішання стилів і ефектів утворюють "вид" .Ви можете створити стільки переглядів, як ви хочете. Кожна вистава може бути застосоване до зображень вашого сайту. Ім'я подання, це ім'я CSS класу, які будуть додані до зображення, щоб бути стилізовані.

Після того як ви закінчили з думками, редактор створює один файл CSS і Javascript двох файлів, які будуть включені в ваш сайт. ( Якщо ваш сайт не завантажується JQuery, то ви також отримаєте JQuery файл з редактора . ) Потім застосуйте стилі створюються у ваші зображення за допомогою класу атрибут кожного зображення. Як було сказано раніше, ім'я подання це ім'я CSS класу, які будуть додані до зображення . Наприклад, в образі коду HTML<img src="images/project.jpg">буде зроблено<img src="images/project.jpg" class="my-style-1">.

Ніяких попередніх знань в області програмування не потрібно, тільки прості HTML. Вам тільки потрібно бути обережним, коли ви включаєте необхідні файли на ваш сайт, але є допомога документацію з цього приводу.

Що включає в себе цей інструмент

Завантаження цього інструменту ви отримаєте ZIP файл ( 775 КБ ), який містить лише поширених типів файлів (HTML, CSS, JS, JPG, PNG і TXT ) . Серед цих файлів, які ви збираєтеся використовувати в наступному

  • editor.html: Це основний файл. Це редактор, який створює стилі та ефекти для зображень.
  • help.htmlНаписати документація про те, як використовувати редактор і як застосовувати стилі та ефекти до зображень вашого сайту.
  • demos.html: Колекція готових стилів і ефектів, щоб показати можливості цього інструменту. Також ви можете використовувати їх у ваш сайт .
  • demos.txt: Збережені дані демонстраційного стилями і ефектами, щоб завантажити їх в редакторі і змінити їх або використовувати їх безпосередньо .

Крім того, такі пункти будуть включені в ваш сайт.

  • cisae.js: Вже створено файл і готовий до використання.
  • cisae.css: Буде створений редактором.
  • Javacscript код: Кілька рядків коду Javascript, який буде створений редактором.

Увага

  • Стилі і ефекти не можуть бути застосовані до зображень, на яких інші складні стилі CSS застосовуються або Javascript код маніпулює ними .
  • Ви не можете застосувати більш однією метою того ж зображення.
  • Цей інструмент може працювати з Joomla та WordPress .

Судовий розгляд

Пробну версію повні типи зображень і ефектів не підтримує всі стилі та ефекти, але лише кілька з них . За винятком цього обмеження, решті інструмент нормально працюватиме, так що ви можете зробити справжнім випробуванням його та переконайтеся, що він відповідає вашим потребам.

Завантажити пробну версію

Більш детальну інформацію про цей інструмент


Завантажити
Інші компоненти в цій категоріїВсі компоненти цього автора
КоментаріЧасті питання та відповіді

Властивості

Дата створення 22 жовтня:
12

Останнє оновлення 25 жовтня:
12

Software Version:
JQuery

Файли , включені:
JS JavaScript , JavaScript JSON , HTML , CSS

Ключові слова