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

Ключевые слова