Изображения как переменные

Задание изображения как переменной позволяет просто менять их в панели администратора, минуя шаблон и код

При настройке переменной-изображения можно установить автоматическую автозагрузку, тогда переменная будет сформирована и останется только вывести ее в шаблоне, например, так:

{if !empty($site.img_header.img.0.url)}
<section class="parallax parallax-header" style="background-image: url('{$site.img_header.img.0.url}')">
</section>
{/if};

Если автозагрузка не установлена, то нужно в шаблоне задать название элемента-переменной, количество изображений для отбора, вывести их на экран или в массив и другие данные.

{show_var_img qty="1" width="160" height="33" from="img_cmslogo" default="images/logo-ru.gif" }

Можно задать такие параметры:

  • width - ширина
  • height - высота
  • from - название переменной
  • default — путь до картинки по умолчанию, если ничего не будет найдено
  • assign – записать результат в переменную (имя массива)
  • border – рамка картинки
  • alt – тег ALT у картинки по умолчанию
  • title - тег TITLE у картинки по умолчанию
  • align - выравнивание
  • class - класс

Получаем массив:

$ar[] = array(
            'img' => $img,  
            'width' => $row->width,  
            'height' => $row->height, 
            'title' => $new_title,
            'ext' => $row->ext);

Наложение картинок на фото (watermark)

Watermark что в переводе с английского языка значит "водяной знак" - это текст или логотип, который наносится на цифровые изображения (фотографии или рисунки) для идентификации авторства и защиты от несанкционированного использования. 

Существует 2 варианта применения вотермарка:

1. Для защиты фотографий и изображений Вашего сайта можно использовать переменную img_watermark. Создав такую переменную и загрузив в нее изображение (желательно в формате PNG), Вы получите защищенные фотографии на сайте по мере их добавления на сайте. Однако есть важный момент - в этом случае у Вас не останется оригинала изображения. Это надо учитывать, если вдруг потребуется дальнейшая модификация изображений или их использование без защитного логотипа - это будет проблематично. Также учтите, что к ранее загруженным фотографиям логотипы не наложатся автоматически, потребуется обновить страницы с фотографиями.

2. Другая возможность защиты изображений логотипом - через использование возможностей htaccess. Логотип может накладываться "на лету" на фотографии, которые соответствуют нужным критериям, а оригиналы фотографий хранятся на сервере. Такой метод не может быть использован, если на сервере используется nginx, но в остальных случаях он более гибок. При его использовании не забудьте выключить переменную img_watermark.

Пример кода в htaccess

<FilesMatch ".(jpg|jpeg)$">
   RewriteEngine On
   RewriteCond %{REQUEST_FILENAME} -f
   RewriteRule ^(.*)$ /watermark/_watermark.php [T=application/x-httpd-php,L,QSA]
</FilesMatch>

Страницы

Теги

bitrix (3) шаблон (3) mobile (2) pagespeed (2) simpla (2) блоки (2) переменные (2) cms (1) email (1) google merchant center (1) hosting (1) seo (1) wordpress (1) валюты (1) константы (1) мобильная версия (1) платежи (1) посетители (1) рассылка (1) сравнение (1) теги (1) фильтр (1) шаблоны (1) яндекс маркет (1)