DataLife Engine / Хак dle предпросмотр вывод изображения

Хак dle предпросмотр вывод изображения



Хак на dle позволяет при наведении мыши на картинку просматривать видео формат добавленного материала в предпросмотр вывода изображения.

Установка:
Настроим Дополнительные поля в DLE Админ панель->Список всех разделов->Дополнительные поля...

1. Нажимаем кнопку добавить поле!

Название поля: image
Описание поля: Изображение для превью

2. Выбираем желаемые категории

Тип поля: одна строка

Значение по умолчанию: Оставляем пустым!

Ставим галочку "использовать при желании"!

3. Жмем сохранить.

1. Опять... Нажимаем кнопку добавить поле!

Название поля: flv
Описание поля: Адрес предпросмотра

2. Выбираем желаемые категории

Тип поля: одна строка
Значение по умолчанию: Оставляем пустым!

Ставим галочку "использовать при желании"!

Жмем сохранить.

Загружаем на сервер папку js в папку с вашим шаблоном!

А вот теперь собственно говоря сам хак:

Для начала нам нужно подключить java скрипты.

Открываем файл main.tpl и в head пишем следующие:

<script type='text/javascript' src="/templates/Default/js/mootools.js"></script> 


( у кого mootools уже подключен пропускаем этот шаг! Если есть другие срипты возможно возникнут проблемы с подключением mootools подробно )

Обязательно добавляем main.tpl и в head

<script type='text/javascript' src="/templates/Default/js/prince.js"></script>


В месте где нужно выводить эту картинку вставляем следующий код:
(данный пример сделан для shortstory.tpl)

[xfgiven_image]<span class="thumbimg">[full-link]<img src="[xfvalue_image]" onmouseover="showtrail('[xfvalue_flv]', 'Ваш комментарий к видео(тег)',266,150,0,'hqmedia','');" onmouseout="hidetrail();"  />[/full-link]</span>[/xfgiven_image]<div [xfgiven_image] style="float: left; width: 520px; overflow: hidden;"[/xfgiven_image]>{short-story}</div>


Что означает - ! [xfgiven_image][/xfgiven_image] ! - если в новости заполнено дополнительное поле image то выводим, то что содержится между этими 2 блоками.

Как у меня выглядит класс thumbimg

.thumbimg { float: left; width: 144px; height: 80px; overflow: hidden; margin-right: 9px; }.thumbimg img { height: 80px }


Теперь немножко о том, как нужно добавлять видео и картинки на сайт.
При добавлении новости, после выбора категории. У нас появляются 2 доп. поля:

1). Изображение для превью - ( В него мы вводим ссылку на изображение ) - например: http://siteru/images/1234.jpg
2). Адрес FLV предпросмотра - ( В него мы вставляем видео формата flv или же дублируем ссылку на картинку ) - Если есть видео то вставляем следующую ссылку http://siteru/uploads/video.flv
Хак dle предпросмотр вывод изображения
«Автор:»The_Best_Prince documentations/инструкция.html

Наш дле ресурс dle9.com предлагаем хак для dle предпросмотр вывод изображения

hak-vyvoda-pred-prosmotra.rar [80,67 Kb] (cкачиваний: 154)
7-05-2012, 11:08
Вернуться назад