Сьогодні постараюся відкрити вам цей секрет збільшення. Взагалі картинку можна збільшити декількома діями:
- Наприклад, можна збільшити її при наведенні кнопки миші
- Другим варіантом може бути збільшення при натисканні
Звичайно, якщо ви користуєтеся WordPress, то найпростішим і легким варіантом буде пошук шаблону з потрібною нам функцією, повірте в інтернеті зараз величезна кількість таких. Так що в 95 відсотках випадків ви знайдете саме шаблон зі збільшенням картинки. Але що робити якщо вам подобається саме ця тема і ви хотіли б зробити збільшення картинки тільки на ній. Або ви взагалі пишете на листку html свій перший сайт, в чому я звичайно сильно сумніваюся.
Підключаємо ява скрипти для збільшення картинки
Підсумковим результатом буде збільшена картинка, по типу спливаючого вікна. Гаразд, все це філософія, щоб провести збільшення картинки нам необхідно підключити бібліотеку jQuery. Не пам'ятаю але начебто в якому то уроці я писав про цю бібліотеку, але якщо ви забули - нагадаю. Щоб підключити бібліотеку необхідно в
сайту вставити два коду.Слід розуміти що бібліотек jQuery досить багато і в різних випадках підключаються різні бібліотеки
Підключили? відмінно, рухаємося далі. На нашому сайті є картинка певного формату, якщо ви хочете збільшити картинку на вордпресс блозі, то для вставки скористайтеся кнопкою Додати мультимедійний
Якщо ж ви пишете свій сайт на голому html, то для вставки картинки вам буде потрібно цей код
Зверніть увагу що в цьому випадку вам необхідно буде покласти свою картинку в папку images і вказати свою назву картинки. Не забувайте, що файли бібліотеки ява скриптів у вас повинно знаходитися там же де і головна сторінка сайту, інакше просто пропишіть до них інший шлях. Завантажити бібліотеку файлів для збільшення картинки на сайті, можете звідси. Ну і найголовніше тепер, якщо ви хочете збільшити свою картинку то пропишіть до неї такі властивості:
Ваш підсумковий код картинки буде виглядати таким чином: