• Автор:

    Flesha
  • Добавлено:

    май 05, 2012
  • Комментариев:

    0
  • Просмотров:

    2 120

Хак вывода пред-просмотра

Хак вывода пред-просмотра

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

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

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


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


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

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


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


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

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

Опять...

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

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


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


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

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


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


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

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

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

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

Для начала нам нужно подключить 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

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