1. Приветствую гостей и пользователей нашего форума! Первый раз вы у нас или же давно участвуете в жизни ресурса, хочу напомнить несколько моментов.

    1) Пользуемся поиском по форуму! Зачастую информация может находиться не по разделу!

    2) Раздел ИНФО-продуктов относительно новый, но имеем уже более 3000 высококлассных материалов (пользуемся сортировкой по прификсам).

    3) И самое важное, КАК КАЧАТЬ БЕЗ ОГРАНИЧЕНИЙ, вся информация находится по этой ссылке КУПИТЬ VIP

    4) Временная акция, получи +5 постов за вступление в нашу группу "Вконтакте" Более подробно ТУТ

    5) Веди активную жизнь на форуме и получай рубли на личный счёт!

    Скрыть объявление
  2. На нашем форуме Null-Prog действует серьёзное правило касательно размещения материалов!

    ДЛЯ РЕЛИЗЁРОВ: категорически запрещается выкладка материалов на файлообменники типа Deposit, letitbit и другие, требующие просмотров рекламы, обрезающие скорость и тд. Нарушителям, первые 2 раза предупреждения, далее БАН. Тему по этому поводу можно посмотреть ТУТ

    Скрыть объявление
  3. В тестовом режиме на нашем форуме открыт онлайн конструктор сайтов. Вы можете попробовать создать свой сайт у НАС, интуитивно понятный интерфейс, переведёт на 95%, быстрый экспорт проекта, от вас только перетаскивать элементы и вставить в них необходимый текст!

    Все вопросы ТУТ

    Скрыть объявление

  4. Скрыть объявление
  5. Уважаемые форумчане, открывается новый раздел форума, посвящённый ремонту и эксплуатации автомобилей. Просмотреть его можно ТУТ

    Так как раздел новый, информация будет пополнять каждый день. Если есть какие либо замечания по этому разделу, отписываемся в соответствующий раздел форума, либо в личку.

    Напоминаю, сообщения в разделе АВТО не учитываются, общение не ограничено.

    Скрыть объявление
  6. Объявляется набор Модераторов на различные раздел форума, свои заявки можно оставлять в ЭТОМ разделе, перед оставлением заявки рекомендуется ознакомиться с ПРАВИЛАМИ для модераторов.

ХАК Меняем стиль галереи HighSlide

Тема в разделе "Инструкции DLE", создана пользователем Sam Jack, 26 окт 2015.

  1. Sam Jack

    Sam Jack Капитан-Узурпатор
    Команда форума Созидатель

    Регистрация:
    5 май 2015
    Сообщения:
    13.755
    Симпатии:
    4.729
    1. Скачайте архив
    Этот архив содержит файлы библиотеки HighSlide версии 4.1.13 (а именно highslide-with-gallery.min.js, который переименован в highslide.js, и highslide.css).

    Загрузите файлы в папку "engine/classes/highslide".

    2. В "index.php" найдите
    Код:
    <script type="text/javascript"> 
    <!-- 
        hs.graphicsDir = '{$config['http_home_url']}engine/classes/highslide/graphics/';
        {$type}
        hs.numberOfImagesToPreload = 0;
        hs.showCredits = false;
        {$dimming}
        hs.lang = {
            loadingText :     '{$lang['loading']}',
            playTitle :       '{$lang['thumb_playtitle']}',
            pauseTitle:       '{$lang['thumb_pausetitle']}',
            previousTitle :   '{$lang['thumb_previoustitle']}',
            nextTitle :       '{$lang['thumb_nexttitle']}',
            moveTitle :       '{$lang['thumb_movetitle']}',
            closeTitle :      '{$lang['thumb_closetitle']}',
            fullExpandTitle : '{$lang['thumb_expandtitle']}',
            restoreTitle :    '{$lang['thumb_restore']}',
            focusTitle :      '{$lang['thumb_focustitle']}',
            loadingTitle :    '{$lang['thumb_cancel']}'
        };
        {$gallery}
    //-->
    </script>
    и замените на
    Код:
    <script type="text/javascript"> 
    <!-- 
        hs.graphicsDir = '{$config['http_home_url']}engine/classes/highslide/graphics/';
        hs.align = 'center';
        hs.transitions = ['expand', 'crossfade'];
        hs.fadeInOut = true;
        hs.dimmingOpacity = 0.8;
        hs.wrapperClassName = 'borderless floating-caption';
        hs.captionEval = 'this.thumb.alt';
        hs.marginLeft = 100; // make room for the thumbstrip
        hs.marginBottom = 80 // make room for the controls and the floating caption
        hs.numberPosition = 'caption';
    hs.lang = {
            cssDirection: 'ltr',
            loadingText: 'Загружается...',
            loadingTitle: 'Нажмите для отмены',
            focusTitle: 'Нажмите чтобы поместить на передний план',
            fullExpandTitle: 'Развернуть до оригинального размера',
            creditsText: 'Использует <i>Highslide JS</i>',
            creditsTitle: 'Перейти на домашнюю страницу Highslide JS',
            previousText: 'Предыдущее',
            nextText: 'Следующее',
            moveText: 'Переместить',
            closeText: 'Закрыть',
            closeTitle: 'Закрыть (esc)',
            resizeTitle: 'Изменить размер',
            playText: 'Слайдшоу',
            playTitle: 'Начать слайдшоу (пробел)',
            pauseText: 'Пауза',
            pauseTitle: 'Приостановить слайдшоу (пробел)',
            previousTitle: 'Предыдущее (стрелка влево)',
            nextTitle: 'Следующее (стрелка вправо)',
            moveTitle: 'Переместить',
            fullExpandText: 'Оригинальный размер',
            number: 'Изображение %1 из %2',
            restoreTitle: 'Нажмите чтобы закрыть изображение, нажмите и перетащите для изменения местоположения. Для просмотра изображений используйте стрелки.'
    };
        {$gallery}
    //-->
    </script>
    найдите
    Код:
     $gallery = "
        hs.align = 'center';
        hs.transitions = ['expand', 'crossfade'];
        hs.addSlideshow({
            interval: 4000,
            repeat: false,
            useControls: true,
            fixedControls: 'fit',
            overlayOptions: {
                opacity: .75,
                position: 'bottom center',
                hideonmouseout: true
            }
        });";
    и замените на
    Код:
    $gallery = "
        // Add the slideshow providing the controlbar and the thumbstrip
        hs.addSlideshow({
            //slideshowGroup: 'group1',
            interval: 5000,
            repeat: false,
            useControls: true,
            overlayOptions: {
                className: 'text-controls',
                position: 'bottom center',
                relativeTo: 'viewport',
                offsetX: 50,
                offsetY: -5
            },
            thumbstrip: {
                position: 'middle left',
                mode: 'vertical',
                relativeTo: 'viewport'
            }
        });
        // Add the simple close button
        hs.registerOverlay({
            html: '<div class=\"closebutton\" onclick=\"return hs.close(this)\" title=\"Close\"></div>',
            position: 'top right',
            fade: 2 // fading the semi-transparent overlay looks bad in IE
        });";
    Если хотите, что бы галерея HighSlide работала на всех страницах, найдите:

    Код:
    if ($config['thumb_gallery'] AND ($dle_module == "showfull" OR $dle_module == "static") ) {
    замените на
    Код:
    //if ($config['thumb_gallery'] AND ($dle_module == "showfull" OR $dle_module == "static") ) {
    найдите так же

    Код:
     } else {
    
            $gallery = "";
    
        }
    и замените на
    Код:
    /*    } else {
    
            $gallery = "";
    
        }*/
    3. В главном файле шаблона "main.tpl" перед
    Код:
    </head>
    вставьте
    Код:
    <link media="screen" href="/engine/classes/highslide/highslide.css" rel="stylesheet" />
    4. В стилях шаблона вставьте, обычно это файл "templates/*/styles/style.css"
    Код:
    /* Center the text in the caption */
    .highslide-caption {
        width: 100%;
        text-align: center;
    }
    /* Remove the close button from the controls since we already have one in the corner of the image */
    .highslide-close {
        display: none !important;
    }
    /* Put the image number in front of the caption */
    .highslide-number {
        display: inline;
        padding-right: 1em;
        color: white;
    }
     

    Вложения:

    • highslide.zip
      highslide.zip
      Размер файла:
      20 КБ
      Просмотров:
      0

Поделиться этой страницей

iHax Community
Рейтинг@Mail.ru Яндекс.Метрика мониторинг сайтов
Форум программного обеспечения/
Загрузка...