Тут все більш-менш зрозуміло. Кінцевий результат виходить приблизно таким:
Код для додавання на сайт або блог
Код для вставки в форум (BBCode)
Трохи докладніше торкнемося тега textarea - він задає область, в яку ми вносимо пропонований код картинки. У ряді браузерів, звичайно, не в IE, ми побачимо шість точок внизу правого кута в формі трикутника. Вони говорять про те, що дану форму можна звужувати або розтягувати, шляхом захоплення їх (точок) мишкою.
Тут я використовувала такі атрибути textarea:- cols - ширина,
- rows - висота,
- readonly = "readonly" - поле не може бути змінено користувачем.
Друга частина питання: як динамічно змінювати розмір зображення.
Вже не погано. Але далі подивимося на другу частину питання:
"Як можна зробити так, щоб при натисканні на картинку вона збільшувалася."
Відповідь на нього я спробувала викласти в попередній статті. Але поглянувши на Яндекс.Зображення, де можна вибрати відповідний розмір зображення, і використовуючи веб-альбом Picasa, де, як ми вже з'ясували, можна легко змінювати ширину і висоту фотографії не сповільнюючи завантаження сторінки. я зважилася ускладнити собі завдання. Тобто результат повинен бути таким: список, що випадає, де при виборі одного з параметрів змінюється розмір малюнка і його дані в тезі textarea. Я не вмію писати скрипти, тому скористалася варіантом css-tricks.com. відкоригувавши його під наші цілі.
Ось що потрібно зробити, щоб домогтися цього ефекту:
Крок 1. після
додати скрипт бібліотеки JQuery (для Blogger на вкладці "Дизайн" - "Змінити HTML"):Шаг.2. Під час написання статті вставити код:
З одного боку, мета досягнута, з іншого, явно є недоробки в плані: хотілося б в ідеалі зменшити ручну роботу, а URL фото додавати тільки один раз. Можливо хтось із читачів володіє вільним часом і бажанням удосконалити даний код.
Як зробити посилання "Зберегти" на зображення Picasa.
Змінивши його закінчення, ми отримаємо URL
який укладемо в конструкцію
Третя частина питання: як зробити фотогалерею на Blogger.
і приводила на іншу сторінку, де вона крупним планом?