Как убрать hover? Либо как сделать стрелки статичными?
Собственно в чем вопрос. Есть скрипт галереи, который в режиме просмотра изображений при наведении на правую часть картинки показывает стрелку вправо, и соответственно влево.
Задача - сделать стрелки постоянными, а не появляющимися от курсора Насколько я понимаю вот отрывок из скрипта, который это задает: // Prev $('#lightbox-nav-btnPrev').unbind().hover(function() { // over $(this).css({ 'background' : 'url(' + $.Lightbox.files.images.prev + ') left 45% no-repeat' }); },function() { // out $(this).css({ 'background' : 'transparent url(' + $.Lightbox.files.images.blank + ') no-repeat' }); }).click(function() { $.Lightbox.showImage($.Lightbox.images.prev()); return false; }); // Next $('#lightbox-nav-btnNext').unbind().hover(function() { // over $(this).css({ 'background' : 'url(' + $.Lightbox.files.images.next + ') right 45% no-repeat' }); },function() { // out $(this).css({ 'background' : 'transparent url(' + $.Lightbox.files.images.blank + ') no-repeat' }); }).click(function() { $.Lightbox.showImage($.Lightbox.images.next()); return false; }); А вот .css где задаются параметры блоков: #lightbox-nav { position:absolute; top:0; left:0; height:100%; width:100%; z-index:10; } /* #lightbox-imageBox > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none; }*/ #lightbox-nav-btnPrev, #lightbox-nav-btnNext { display:block; width:49%; height: 100%; background:transparent url("../images/blank.gif") no-repeat; /* Trick IE into showing hover */ /* cursor:pointer; */ zoom:1; /* who knows why? */ padding:0px; margin:0px; } #lightbox-nav-btnPrev { left:0; right:auto; float:left; } #lightbox-nav-btnNext { left:auto; right:0; float:right; } /* .preload_largeLink, #prevLink:hover, #prevLink:visited:hover { background:url("../images/prev.gif") left 45% no-repeat; } .preload_nextLink, #nextLink:hover, #nextLink:visited:hover { background:url("../images/next.gif") right 45% no-repeat; } */ Как сделать стрелки постоянными? |
Цитата:
С этим не работал, но рискну предложить такой вот вариант "добавки" в ЦСС .preload_largeLink, #prevLink, #prevLink { background:url("../images/prev.gif") left 45% no-repeat; } .preload_nextLink, #nextLink, #nextLink { background:url("../images/next.gif") right 45% no-repeat; } |
Часовой пояс GMT +3, время: 21:56. |