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

Рубрика: Хаки для DLE » Хак DLE 11.2, 11.1, 11.0, 10.6, 10.5, 10.4, 10.3, 10.2, 10.1, 10.0, 9.8, 9.7, 9.6, 9.5, 9.4, 9.3, 9.2, 9.0
Хак dle предпросмотр вывод изображения

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

<script type='text/javascript' src="{THEME}/js/mootools.js"></script> 


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

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

<script type='text/javascript' src="{THEME}/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 предпросмотр вывод изображения
  • 80
Рубрика: DLE хаки » Хак для DLE
Ранее » Хак DLE Modern Poll Style изменённый вид голосования« Далее Хак dle красивый постер слайдер с флеш анимацией
Добавление комментарияОставить комментарий
  • № :7
  • 8 февраля 2013 15:44
Спасибо Болшое!
  • № :6
  • 28 января 2013 15:38
JamshidRap,
лучше тогда оставить затею, два этих скрипта вместе работают не корректно,
в статье есть ссылка на новость, как их подружить, сам не делал..т.к. считаю лучше искать другие варианты .
  • № :5
  • 28 января 2013 15:26
dle9,
Да проблему с "mootools.js" ом елсли вставлаю другие не работает хак тоже не работает.
  • № :4
  • 28 января 2013 15:16
JamshidRap,
Занят, чтобы по каждому вопросу делать видео урок, к тому же проблема может быть с скриптом mootools.js тут и урок не поможет
Обратитесь за помощью к фрилансерам, быстрее помогут и не дорого.
  • № :3
  • 28 января 2013 14:55
dle9,
DataLife Engine 9.4 !!! я всё делал не неработает , если есть возможност Пожалуйсто делайте как Видео урок плизз Администратор очень важно!!!
  • № :2
  • 28 января 2013 07:40
JamshidRap,
Чтобы вам помогли, нужно описать проблему, какой движок вы используете ..
  • № :1
  • 27 января 2013 21:09
Не получается Плиз Адмнистраторы , Люди помогите .