Увеличение картинки по щелчку мыши на сайте очень удобная функция, можно не ставить крупные фото на страницу тем самым оставляя больше места под текстовую информацию. Этот HTML код работает в любых сайтах, но я решил попробовать вставить эту функцию на сайт, созданный в программе artisteer. Как видите у меня это получилось, кликните на картинку ниже и Вы в этом убедитесь.
Как это работает Вы уже видели на этом сайте на страничках с шаблонами, или на этой страничке, просто кликните мышкой на любую картинку. Как это сделать я расскажу в этом уроке.
Для начала скачайте вот этот архив, в конце урока я расскажу какие файлы и папки и куда нужно будет установить, перед тем как пересылать сайт на Ваш хостинг.
В архиве есть текстовый файл с HTML кодами. Сначала копируем HTML код №1 из текстового файла который находится в архиве.
Перед тем как копировать вместо " 999.jpg". впишите имя файла картинки которая будет у Вас на страничке.
В место цифр 888 можно вписать что угодно, если несколько картинок будет с одинаковым значением, то они будут просматриваться как слайд шоу, если Вы хотите что бы каждая картинка открывалась по отдельности, то это значение у каждой картинки должно быть разным.
Цифры 195 это ширина картинки на странице.
Цифра 159 это высота картинки на странице.
При развёртывании, картинка будет показываться в полную свою собственную величину.
Ставим курсор в текст где должна быть картинка и нажимаем в верхней панели кнопку HTML.
У Вас откроется окно для ввода HTML кода, ищем в тексте ту фразу после которой Вы хотите вставить картинку и после закрывающих тэгов этой строки вставляем наш исправленный HTML код, и жмём ОК. Самой картинки Вы не увидите, только рамку.
Затем кликаем на эту рамку мышкой, она станет у Вас выделенной и в верхней панели нажимаем кнопку "Расположение" чтобы определить расположение картинки.
И так делаем со всеми картинками, которые на рабочем сайте должны будут увеличиваться при клике мышкой.
Следующий этап делаем уже когда сформируем файлы для отправки на хостинг.
В папку где сформированы файлы сайта копируем все файлы из скачанного архива. Затем в скопированную папку "examples" копируем файлы картинок которые должны будут в последствии увеличиваться.
Остался последний штрих, файл сформированной странички нужно открыть программой "блокнот" и вставить HTML код №2 который находится в текстовом файле скачанного архива, вставляем между тэгами "head", в то место где я указал в картинке, и сохраняем.
ВСЁ МОЖНО ОТПРАВЛЯТЬ ФАЙЛЫ САЙТА НА ХОСТИНГ