Просмотр фотогалерии

[Nikky 0]

На сайте http://www.ecocamp.ru/160-15-08-2010.html при нажатии на фотку появляется просмотр фотографий с красивыми кнопочками (версия 8.3)

А вот на сайте http://www.camps.ru/association/camps/camps-catalog/466-vsemu-uchit-more-detskijj-osennijj-lager.html при нажатии на фотку таких кнопочек нет и есть некрасивый текст (версия 8.2)

Я полагаю, дело в версии скрипта? Скажите, пожалуйста, какой файл нужно обновить, чтобы на camps.ru просмотрщик фоток стал такой же, как на ecocamp.ru. Обновляться полностью с 8.2 на 8.3. не вижу смысла.

[Dj Dance 185]

В engine.css добавьте:

/* ==================== показ оригинальной картинки загруженной на сайт из уменьшенной копии */

.highslide-wrapper, .highslide-outline {

    background: #FFFFFF;

}

.highslide-image {

    border: 2px solid #FFFFFF;

}

.highslide-active-anchor {

   visibility: hidden;

}  

.highslide-active-anchor img {

    visibility: hidden;

}

.highslide-dimming {

    background: black;

}

.highslide-html {

    background-color: white;

}

.highslide-html-content {

    display: none;

}

.highslide-loading {

    display: block;

    color: #ffffff;

    font-size: 9px;

    font-weight: bold;

    text-decoration: none;

    padding: 3px;

    border: 1px solid #ffffff;

    background-color: #000000;

}

a.highslide-full-expand {

    background: url(../dleimages/fullexpand.gif) no-repeat;

    display: block;

    margin: 0 10px 10px 0;

    width: 34px;

    height: 34px;

}

.highslide-footer {

    height: 11px;

}

.highslide-footer .highslide-resize {

    float: right;

    height: 12px;

    width: 11px;

    background: url(../dleimages/resize.gif);

}

.highslide-resize {

    cursor: nw-resize;

}

.highslide-display-block {

    display: block;

}

.highslide-display-none {

    display: none;

}

.highslide-caption {

    display: none;

    padding: 5px;

    background: white;

}


.highslide-controls {

    width: 195px;

    height: 40px;

    background: url(../../../engine/classes/highslide/graphics/controlbar-black-border.gif) 0 -90px no-repeat;

    margin-right: 15px;

    margin-bottom: 10px;

    margin-top: 10px;

}

.highslide-controls ul {

    position: relative;

    left: 15px;

    height: 40px;

    list-style: none;

    margin: 0;

    padding: 0;

    background: url(../../../engine/classes/highslide/graphics/controlbar-black-border.gif) right -90px no-repeat;

}

.highslide-controls li {

    float: left;

    padding: 5px 0;

}

.highslide-controls a {

    background: url(../../../engine/classes/highslide/graphics/controlbar-black-border.gif);

    display: block;

    float: left;

    height: 30px;

    width: 30px;

    outline: none;

}

.highslide-controls a.disabled {

    cursor: default;

}

.highslide-controls a span {

    /* hide the text for these graphic buttons */

    display: none;

}


/* The CSS sprites for the controlbar */

.highslide-controls .highslide-previous a {

    background-position: 0 0;

}

.highslide-controls .highslide-previous a:hover {

    background-position: 0 -30px;

}

.highslide-controls .highslide-previous a.disabled {

    background-position: 0 -60px !important;

}

.highslide-controls .highslide-play a {

    background-position: -30px 0;

}

.highslide-controls .highslide-play a:hover {

    background-position: -30px -30px;

}

.highslide-controls .highslide-play a.disabled {

    background-position: -30px -60px !important;

}

.highslide-controls .highslide-pause a {

    background-position: -60px 0;

}

.highslide-controls .highslide-pause a:hover {

    background-position: -60px -30px;

}

.highslide-controls .highslide-next a {

    background-position: -90px 0;

}

.highslide-controls .highslide-next a:hover {

    background-position: -90px -30px;

}

.highslide-controls .highslide-next a.disabled {

    background-position: -90px -60px !important;

}

.highslide-controls .highslide-move a {

    background-position: -120px 0;

}

.highslide-controls .highslide-move a:hover {

    background-position: -120px -30px;

}

.highslide-controls .highslide-full-expand a {

    background-position: -150px 0;

}

.highslide-controls .highslide-full-expand a:hover {

    background-position: -150px -30px;

}

.highslide-controls .highslide-full-expand a.disabled {

    background-position: -150px -60px !important;

}

.highslide-controls .highslide-close a {

    background-position: -180px 0;

}

.highslide-controls .highslide-close a:hover {

    background-position: -180px -30px;

}


/* Вид изображения: с прямыми краями и тенью */

.wide-border {

    background: white;

}

.wide-border .highslide-image {

    border-width: 10px;

}

.wide-border .highslide-caption {

    padding: 0 10px 10px 10px;

}


/* Вид изображения: только тень */

.borderless .highslide-image {

    border: none;

}

.borderless .highslide-caption {

    border-bottom: 1px solid white;

    border-top: 1px solid white;

    background: white;

}


/* Вид изображения: только рамка без тени */

.less .highslide-image {

    border: 1px solid #000000;

}

.less .highslide-caption {

    border: 1px solid #000000;

    background: white;

}