Я пытаюсь отредактировать следующее.Код помогает отображать галерею изображений на сайте Joomla.
Когда изображение отображается, отображаются предыдущие и следующие стрелки для циклического перемещения по изображениям в галерее.
Проблема заключается в предыдущеми следующие кнопки появляются только тогда, когда мышь находится рядом с местом появления кнопок.Я бы хотел, чтобы кнопки отображались постоянно.
div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right
{
height: 13px;
}
div.pp_default .pp_top .pp_left {
background: url(../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat;
} /* Top left corner */
div.pp_default .pp_top .pp_middle {
background: url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x;
} /* Top pattern/color */
div.pp_default .pp_top .pp_right {
background: url(../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat;
} /* Top right corner */
div.pp_default .pp_content .ppt {
color: #f8f8f8;
}
div.pp_default .pp_content_container .pp_left {
background: url(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;
padding-left: 13px;
}
div.pp_default .pp_content_container .pp_right {
background: url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y;
padding-right: 13px;
}
div.pp_default .pp_content {
background-color: #fff;
} /* Content background */
div.pp_default .pp_next:hover {
background: url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat;
cursor: pointer;
} /* Next button */
div.pp_default .pp_previous:hover {
background: url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;
cursor: pointer;
Я попытался удалить ': hover' из строк 39 и 43, но это просто удаляет кнопки, и они не отображаются, когда вы наводитеих.