Як створити ефект заокруглення кутів зображення за допомогою javascript

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

Нижче Ви бачите приклад роботи скрипта:

До застосування ефекту

Після застосування ефекту

Як створити ефект заокруглення кутів зображення за допомогою javascript

Як створити ефект заокруглення кутів зображення за допомогою javascript

Смоленськ. Успенський собор Пресвятої Богородиці.

Для підключення скрипта скачайте архів. В архіві знаходиться файл скрипта: glossy.js і исходник, в якому Ви можете подивитися як це робиться, якщо щось не зрозуміли в цьому уроці.

Тепер про те як скрипт підключається. Розпакуйте архів, файл glossy.js покладіть в корінь сайту або будь-яку іншу папку, але при цьому не забудьте прописати правильний шлях до нього. Далі призначаємо зображенню клас glossy. Повністю код підключення скрипта наведено в лістингу 1.

Можна регулювати радіус заокруглення кутів на зображеннях. Для цього потрібно призначити зображенню ще один клас: iradius. в якому і вказується значення заокруглення кутів в цифрах від 20 до 50. Як це прописати практично? Дивіться Лістинг 2. За замовчуванням це значення прийнято 25.


Смоленськ. Пам'ятник Олександру Твардовскому і Василь Тьоркін.

Ось власне кажучи і все. У прикладах і кодах листингов я виходив з того, що всі файли (скрипт і зображення) лежать в кореневій папці сайту. Якщо у Вас ці файли лежать в іншому місці не забудьте прописати правильний шлях до них.

Скрипт простий в установці і працює у всіх поширених браузерах.

Читайте також інші наші матеріали.

Чому більшість людей, не досягають успіху?

Як зробити базу даних на Локальному сервері?

Як створити RSS-канал новин на сайті?

Замовити створення сайту або Блогу.

Поділіться цією інформацією зі своїми друзями!

Що таке корінь сайту і коренева папка в вордпресс, і як до неї прописати шлях? І взагалі де вона?) Сподіваюся, відповісте.

Корінь сайту або ще кажуть коренева папка - це папка в яку закачують всі файли і папки сайту. У більшості випадків (майже на всіх серверах) це папка: public_html

Доброго дня. Перший раз роблю сайт. Роблю його в програмі frontpage. Пробувала раз вставити скрипт, і нічого не вийшло. Їх взагалі реально вставити під час розробки сайту в програмі або тільки після перенесення сайту в інтернет? Прошу допоможіть, і якщо вам не важко, зробіть покроковий урок, як працювати зі скриптами. Якщо можна в картинках :)

Андрійко А де ж її знайти, цю папку? В адмінці сайту немає. Де вона?

В корінь сайту поклав. Що далі? Нічого не виходить. Куди вставляти ці листинги? Там, де "додати картинку" свої коди.

Відмінний скрипт. Приблизно такого ж я домагався через правку шаблону Joomla в Photoshop - виявляється все набагато простіше.

уроки HTML

CSS уроки

статті

Інструменти

Шаблони сайтів

книги

прикраси

Сайт від А до Я

Заробити в інтернеті

Обман в Інтернеті

Охорона праці

МОДУЛЬНІ КАРТИНИ

PHP УРОКИ

послуги

скрипти

SEO

jQuery

Спеціальна оцінка умов праці (Соуто) - АРМ

Платіжні системи Інтернету

УРОКИ ФОТОШОП

секретний розділ

Як створити ефект заокруглення кутів зображення за допомогою javascript

З нами зробити сайт
зможе навіть Дитина!
"Сайт від А до Я"
Дізнатися зараз >>>

Хочете заробити?
2-х рівнева
Партнерська програма!
Приєднуйтесь.

Модульна картина: Розкіш червоного оксамиту

Модульна картина абстракція: Енергія сонця

Модульна картина: Сині троянди

Модульна картина: Водоспад

Модульна картина: Орхідеї

Реєстрація доменів

ТОВ "ПК" ЛюксСтрой "

Якщо Вам сподобався
наш сайт, встановіть
Нашу посилання. і
Отримайте подарунки.