Меняем стиль галереи HighSlide DLE 9.* » Techno-Co

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

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

2. В «index.php» найдите

и замените на

найдите

    $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: '',
        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» перед

вставьте

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;
}

Разработчик: admin-club.ru

Техно-мир