Highslide без thumb для DLE

  • Не нравится
  • +3
  • Нравится
Highslide без thumb для DLE На сайте SoundTracki.info я использую полную картинку для альбомов. Но при загрузки картинки загружается еще и превью - картинка: картинка меньшего размера (которую я не использую). Таких картинок насобиралось аж 37 мб!

Так же я на сайте использую дополнительное поле для картинки. Так что тут стандартными методами ДЛЕ никак...

Вот так и пришла ко мне мысль сделать Highslide без thumb :)

Установка


В настройках DLE Размер уменьшенной копии загруженного изображения ставим, например, 1000 (что бы не создавались thumb-картинки).

Создаем дополнительное поле для картинки (у меня это [xfvalue_pic_url])

В шаблоне вида материалов пишем вот такое:

<a href="[xfvalue_pic_url]" onclick="return hs.expand(this)" ><img src="[xfvalue_pic_url]" border="0" width="100"></a>

width="100" - размер "маленькой" картинки.

Так же, если не подключен Highslide, то подключаем его:

<script type="text/javascript" src="/engine/classes/highslide/highslide.js"></script>
<script language="javascript" type="text/javascript">  
<!--  
    hs.graphicsDir = '/engine/classes/highslide/graphics/';
    hs.outlineType = 'rounded-white';
    hs.numberOfImagesToPreload = 0;
    hs.showCredits = false;
    
    hs.lang = {
        loadingText :     'Загрузка...',
        playTitle :       'Просмотр слайдшоу (пробел)',
        pauseTitle:       'Пауза',
        previousTitle :   'Предыдущее изображение',
        nextTitle :       'Следующее изображение',
        moveTitle :       'Переместить',
        closeTitle :      'Закрыть (Esc)',
        fullExpandTitle : 'Развернуть до полного размера',
        restoreTitle :    'Кликните для закрытия картинки, нажмите и удерживайте для перемещения',
        focusTitle :      'Сфокусировать',
        loadingTitle :    'Нажмите для отмены'
    };
    
//-->

</script>


Теперь все) :)

Пример

Коментарии

Аватар
Интересно. Попробую
Аватар
  • Alex
  • Группа: Гости
Я вообще загружаю картинки в отдельную папку (подпапки) и потом просто вставляю в новость или нужное мне место.
Так для меня проще разобраться со всеми картинками (а их очень много).
Как быть с увеличением в этом случае на ДЛЕ? Никак не разберусь чтобы без уменьшенной копии картинка увеличивалась...
Аватар
Alex, зачем все усложнять?.. В ДЛЕ есть специальная функция для загрузки картинок...
Аватар
  • Alex
  • Группа: Гости
У меня есть причины не использовать админку при загрузке картинок...
Вы ничего не посоветуете?
Аватар
Alex, тогда можно на jquery подставить
onclick="return hs.expand(this)"
к картинке.


$('img#myid').attr('onclick', 'return hs.expand(this)');

Вот так.
Это я не проверял. Но, должно работать.

img#myid - это выбрать все картинки, где ИД myid
Аватар
  • Alex
  • Группа: Гости
<a href="адрес картинки" onclick="return hs.expand(this)"> <img src="адрес картинки" alt="название" width="100" height="100"> </a>

С верхним кодом я уже ставил - картинка открывается в новом окне...
По поводу нижнего не понял что, куда и как...
Аватар
Alex,
<script type="text/javascript">
$(document).ready(function() {

$('img#myid').attr('onclick', 'return hs.expand(this)');

});
</script>

Вот так можно.

А по поводу:
Так же, если не подключен Highslide, то подключаем его:

Так его надо просто где то на странице поставить :)
Рекомендуется между тегов
<head> ТУТ СКРИПТ</head>
Аватар
  • Alex
  • Группа: Гости
Благодарю! Вопрос решен! wink

Все сделал так, как вы написали.

Спасибо огромное!
Аватар
Alex, незачто))) Главное, что бы работало smile
Аватар
  • nalex
  • Группа: Гости
Через дополнительное поле и на статической странице - все работает отлично, без проблем!

При добавлении новости, ввожу код картинки кнопкой "html" картинка появляется, потом сохраняю новость и...
код
onclick="return hs.expand(this)


пропадает из общего кода картинки.
Картинку видно, все нормально, но открывается она в новом окне.
И именно этот кусок кода ДЛЕ съедает. В чем причина?

Я вам не надоел еще? smile
Аватар
nalex, нет, не надоел smile

Ну, тут уже надо смотреть исходный код страницы. Смотреть что сформировалось и устранять проблему. А так ничего сказать не могу)
Аватар
ТО что надо! Для моего юкоза
Аватар
Спасибо! РАБОТАЕТ!!!
Аватар
  • IRAKLI
  • Группа: Гости
А как сделать , чтобы по бокам были стрелочки переключения ?
За пределами картинки ....
Одна вперед , вторая назад ))
Аватар
IRAKLI, свойствами css править :)

Добавление комментария


Имя:*
E-Mail:*
Комментарий:*
  • winkwinkedsmileam
    belayfeelfellowlaughing
    lollovenorecourse
    requestsadtonguewassat
    cryingwhatbullyangry
Введите код: *
Кликните на изображение чтобы обновить код, если он неразборчив