Показать сообщение отдельно
  #1 (permalink)  
Старый 12.07.2011, 20:15
Новичок на форуме
Отправить личное сообщение для krusty36 Посмотреть профиль Найти все сообщения от krusty36
 
Регистрация: 12.07.2011
Сообщений: 1

Как убрать 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 */
/* cursorointer; */
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;
}
*/


Как сделать стрелки постоянными?
Ответить с цитированием