Никак не могу найти плагин, чтоб при нажатии на картинку, она распахивалась на весь экран..., сделал на неё ссылку, но когда щелкаю по ней, она не становится на весь экран, а принимает свои маленькие размеры... Тогда решил поискать в инете код HTML, но все ссылаются на таблицу стилей... А как в материале, например <p><a href="images/News/2015_07_02/DSC03454.JPG"><img class="pull-center" style="display: block; margin-left: auto; margin-right: auto;" src="images/News/2015_07_02/DSC03454.JPG" alt="" width="550" height="827" /></a></p> сделать масштабирование(увеличение картинки) на весь экран? Шаблон сделан в артисте(не мной), поэтому наверное классы это оттуда...
Спасибо, скачал, установил, сделал всё по инструкции..., в коде появился мой класс(img class="zumzum"), но это не то, нажимая на картинку, она принимает свой истинный размер, в рамочке... но этот размер меньше размера картинки которая расположена на сайте в увеличенном виде, и мне надо при нажатии на эту картинку распахнуть на весь экран, а не показать её истинный размер... Вот после долгих поисков накопал код увеличение картинки по клику onclick="this.style.width='ширина оригинального изображения в px (или auto)'" onmouseout="this.style.width='ширина изображения в уменьшенном виде в px'" Но тут два вопроса... как сделать, чтоб по следующему клику картинка принимала предыдущий вид, а не при потере фокуса мышкой.. И второй вопрос, как сделать пропорцию высоты, а то в ширину растягивается, а высота остаётся прежней....
универсальный вариант Код (javascript): function BigSmall(pic) { var style = pic.style.width; var attr = pic.getAttribute("width"); var real = pic.width; var width, newWidth; if (!style && !attr) { width = real; } else if (!style) { width = attr; } else { width = style; } width = parseInt(width); pic.removeAttribute("width"); pic.style.removeProperty("width"); if (width == 120) { newWidth=96; } else { newWidth=120; } pic.style.setProperty("width", newWidth+"px"); } использование: Код (html): ...onclick="BigSmall(this)"... главное саму функцию вставь в HEAD страницы если задавать только один параметр (высоту или ширину), тогда второй будет увеличен/уменьшен пропорционально (это всё при условии что второй параметр изначально отсутствовал) пример работы: BigSmall
Спасибо... только подскажите на практике(в теории всё понятно)... вот захожу в джумлу 3, выбираю материал, перехожу показать код, но сколько не читал про эти хидеры, не могу увидеть в материале (HTML код), то что пишут в книжках... <html> <head> <title>Заголовок документа</title> </head> <body> Тело документа </body> </html> ни разу не видел в материале.... Везде приводят код CSS, но куда его вставлять в материал, таблицу стилей...в index.php, который в корне... нигде не написано... Вот сейчас думаю...где искать этот хидер и боди... буду экспериментировать везде вставлять убирать.... Вот сейчас поставил в материале эту функцию на самом верху, в самом внизу <img onclick="BigSmall" src="images/News/2015_07_02/DSC03497.JPG" /> Но по клику не раскрывается... будем искать следующее место...
для начала почитай что такое шаблоны в документации (Template Development) J после станет понятно, что это и с чем его едят и куда и как надо вставить
спасибо... ну в общем понятно, в шаблонах, хотя в этом каталоге CSS не один файл, но поиск сузился до одного каталога... что такое шаблоны знаю, но на практике не приходилось его менять... т.к. был либо скачан, либо построен артистом...
CSS файлы тут вообще ни при чём, тебе надо вставить скрипт в заголовок страницы найди как это сделать (документация) и всё получится
Не получается... Поиск "head", в шаблоне дал 21 файл, где встречается это слово... четыре из них в корневой папке шаблона Вставка функции в functions.php - белый экран index.php - функция вставлена между тэгами head, результат - в верху страницы выводится текст функции jquery.js-не понятен синтаксис, как вставляются функции component.php - нет изменений... Я очень сожалею, что не могу реализовать предложенную мне помощь... наверное английский плохо знаю...
спасибо вам, моя жизнь приобретает смысл..., бороться, искать, найти и перепрятать...... будем искать
