Главная » Статьи » Статьи для веб мастера » uCoz система
Автоматическая вставка изображения над текстом материала

Изображение будет появлятся над тексом материала

Этот скрипт облегцит работу админам и модераторма этого сайта.
Так как приходится заменять на <a href="ССЫЛКА НА БОЛЬШОЕ ИЗОБРАЖЕНИЕ" rel="lightbox" title="Увеличить изображение"><img src="ССЫЛКА НА

УМЕНЬШЕНОЕ ИЗОБРАЖЕНИЕ" alt="/></a>

Установка
1. Заходим в панель управления
2. Нажимаем на стрелочку рядом с "Каталог файлов" и выбираем "Настройка фильтров" (фильтры есть только в модулях "Каталог файлов", "Доска
объявлений" и "Онлайн игры")

3. Затем кликаем по "--Фильтр не активизирован--"

4. Заполняем фильтр как показано на рисунке

- Каждое значение фильтра пишется с новой строки
- Название фильтра будет отображатся на странице добавления материала, поэтому назовите фильтр например так: "Какое изображение отображать над
текстом матерала"
5. Заходим в настройки модуля "Каталог файлов" и активируем поле с фильтром. Теперь это оле двигаем к полю "Изображения" и жмём "Сохранить"


6. Теперь кидаем этот код в шаблоны "Вид материалов" и "Страница материала и комментариев к нему" модуля "Каталог файлов". Код ставим перед
$MESSAGE$ в обоих шаблонах.

Код:


<a href="$IMG_URL1$" rel="lightbox" title="Нажмите, чтобы увеличить изображение" ><img  

src="$IMG_SMALL_URL1$"></a><img src="$IMG_URL1$">
<a href="$IMG_URL2$" rel="lightbox" title="Нажмите, чтобы увеличить изображение" ><img  

src="$IMG_SMALL_URL2$"></a><img src="$IMG_URL2$">
<a href="$IMG_URL3$" rel="lightbox" title="Нажмите, чтобы увеличить изображение" ><img  

src="$IMG_SMALL_URL3$"></a><img src="$IMG_URL3$">
<a href="$IMG_URL4$" rel="lightbox" title="Нажмите, чтобы увеличить изображение" ><img  

src="$IMG_SMALL_URL4$"></a><img src="$IMG_URL4$">
<a href="$IMG_URL5$" rel="lightbox" title="Нажмите, чтобы увеличить изображение" ><img  

src="$IMG_SMALL_URL5$"></a><img src="$IMG_URL5$">
<a href="$IMG_URL6$" rel="lightbox" title="Нажмите, чтобы увеличить изображение" ><img  

src="$IMG_SMALL_URL6$"></a><img src="$IMG_URL6$">
<a href="$IMG_URL7$" rel="lightbox" title="Нажмите, чтобы увеличить изображение" ><img  

src="$IMG_SMALL_URL7$"></a><img src="$IMG_URL7$">
<a href="$IMG_URL8$" rel="lightbox" title="Нажмите, чтобы увеличить изображение" ><img  

src="$IMG_SMALL_URL8$"></a><img src="$IMG_URL8$">
<a href="$IMG_URL9$" rel="lightbox" title="Нажмите, чтобы увеличить изображение" ><img  

src="$IMG_SMALL_URL9$"></a><img src="$IMG_URL9$">
<a href="$IMG_URL10$" rel="lightbox" title="Нажмите, чтобы увеличить изображение" ><img  

src="$IMG_SMALL_URL10$"></a><img src="$IMG_URL10$">


- Маленькое изображение создаётся только, когда большое превышает размеры уменьшеного изображения (см. настройки модуля), поэтому если нет
маленького изображения, то будет отображаться большое (в натуральном размере) и оно некликабельное
- При клике на маленькое изображение открывается Лайтобокс с большим изображением.

Всё готово!

Теперь при добавлении материала пользователь сможет выбирать изображение, которое будет стоять над текстом материала, при этом теперь не нужно
перед текстом вставлять $IMAGE$.



Источник: http://softland.net.ru
Категория: uCoz система | Добавил: Пидок (06.06.2010) | Автор: Максим E W
Просмотров: 706 | Теги: uCoz хитрости, помощь по uCoz, Автоматическая вставка изображения | Рейтинг: 5.0/1
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]