13 авг 2010
Хак вывода предпросмотра
Ares Категория: DATALIFE ENGINE » Модули
У нас вы можете скачать бесплатно Хак вывода предпросмотра

Данный материал предоставлен сайтом Skripter.info исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое.
Хак вывода предпросмотра


В первую очередь давайте настроим Дополнительные поля в DLE!

Для этого зайдем в админ панель->список всех разделов->дополнительные поля...

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

Далее пишем

Название поля:
image



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



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

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



Значение по умолчанию: НИЧЕГО НЕ ПИШЕМ!!!

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

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


Снова

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

Далее пишем

Название поля
flv



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



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

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



Значение по умолчанию: НИЧЕГО НЕ ПИШЕМ!!!

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

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


Далее нам нужно загрузить файл из архива в папку с шаблоном!


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

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

Открываем файл main.tpl и в head пишем следующие:
<script type='text/javascript' src="{THEME}/js/mootools.js"></script> ( у кого mootools уже подключен пропускаем этот шаг! )
<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). Изображение для превью - ( Внего мы вводим ссылку на изображение ) - например: https://site.ru/images/1234.jpg
2). Адрес FLV предпросмотра - ( В него мы вставляем видео формата flv или же дублируем ссылку на картинку ) - Если есть видео то вставляем следующую ссылку https://site.ru/uploads/video.flv

Внимание! У вас нет прав для просмотра скрытого текста.









Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
petrovich077 | 17 марта 2011 22:38
  • Группа: Посетители |
  • Комментарий: 1 (ссылка)

Спасибо, ща попробую

S.O.S. | 14 июля 2011 23:21
  • Группа: Посетители |
  • Комментарий: 2 (ссылка)

чет у мя не пашет 61

prvt | 20 августа 2012 12:43

У меня тоже не получается 3

Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.