Все для DataLife Engine / DLE хаки / Хак для DLE / Хак 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качиваний: 166)
  • 80

Комментарии 7

JamshidRap от 8 февраля 2013 15:44
Спасибо Болшое!
dle9.com от 28 января 2013 15:38
JamshidRap,
лучше тогда оставить затею, два этих скрипта вместе работают не корректно,
в статье есть ссылка на новость, как их подружить, сам не делал..т.к. считаю лучше искать другие варианты .
JamshidRap от 28 января 2013 15:26
dle9,
Да проблему с "mootools.js" ом елсли вставлаю другие не работает хак тоже не работает.
dle9.com от 28 января 2013 15:16
JamshidRap,
Занят, чтобы по каждому вопросу делать видео урок, к тому же проблема может быть с скриптом mootools.js тут и урок не поможет
Обратитесь за помощью к фрилансерам, быстрее помогут и не дорого.
JamshidRap от 28 января 2013 14:55
dle9,
DataLife Engine 9.4 !!! я всё делал не неработает , если есть возможност Пожалуйсто делайте как Видео урок плизз Администратор очень важно!!!
dle9.com от 28 января 2013 07:40
JamshidRap,
Чтобы вам помогли, нужно описать проблему, какой движок вы используете ..
JamshidRap от 27 января 2013 21:09
Не получается Плиз Адмнистраторы , Люди помогите .
Добавить комментарий

Оставить комментарий

    • bowtiesmilelaughingblushsmileyrelaxedsmirk
      heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
      winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
      worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
      expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
      disappointedconfoundedfearfulcold_sweatperseverecrysob
      joyastonishedscreamtired_faceangryragetriumph
      sleepyyummasksunglassesdizzy_faceimpsmiling_imp
      neutral_faceno_mouthinnocent