Вопрос О Слайдерах

Отправлено 22 Февраль 2014 - 22:39

.ui-tabs .ui-tabs-nav { background: none;border-bottom: none; }

<ul style="background: #fff;border: 0px;">

• Наверх

Отправлено 22 Февраль 2014 - 23:02

• Наверх

Отправлено 23 Февраль 2014 - 11:03

#tabs > ul > li.ui-state-default.ui-corner-top.ui-tabs-selected.ui-state-active {
background: blue;
}

• Наверх

Отправлено 23 Февраль 2014 - 11:25

@lina_va (23 Февраль 2014 - 11:03) писал:

Чтобы поменять цвет активной вкладки в main.css добавьте:

#tabs > ul > li.ui-state-default.ui-corner-top.ui-tabs-selected.ui-state-active {
background: blue;
}

замените blue на нужный цвет

а дальше? при наведении мышью же цвет меняется на более тёмный
если получить доступ к этому событию, тогда и с тенью можно попробовать, убрав её

может так?

#tabs > ul > li.ui-state-default.ui-corner-top.ui-tabs-selected.ui-state-hover

ура! сделал "нажатие" активной вкладки-меню
осталось сделать по событию "hover" (наведение мышью)

• Наверх

Отправлено 23 Февраль 2014 - 12:38

сделал требуемое через

{event: "mouseover"}

но это не совсем то, что требовалось

нужно чтобы такой эффект по меню-вкладкам был при наведении мыши, а переключение вкладок происходило по-старому = по клику мышью

• Наверх

Отправлено 23 Февраль 2014 - 12:45

• Наверх

Отправлено 25 Февраль 2014 - 03:56

Z_Mc (23 Февраль 2014 - 12:38) писал:

сделал требуемое через

{event: "mouseover"}

но это не совсем то, что требовалось

нужно чтобы такой эффект по меню-вкладкам был при наведении мыши, а переключение вкладок происходило по-старому = по клику мышью

в этом случае откатите изменение назад, чтобы переключение опять происходило при клике, далее в main.css добавьте:

#tabs > ul > li:hover{
	background: none repeat scroll 0 0 #FFFFEE;
	box-shadow: 1px 1px 2px #999999;
	font-weight: bold;
}

Z_Mc (23 Февраль 2014 - 12:45) писал:

и ещё вопрос
можно ли с помощью таких вкладок на странице "товар" собрать 3 группы: "сопутка", "с этим товаром смотрят" и "отзывы"?

да, это реализуемо, инструкция по подобному вопросу: http://forum.storela...-вкладок-табов/

• Наверх

Отправлено 25 Февраль 2014 - 11:26

Vaccina (25 Февраль 2014 - 03:56) писал:

да, это реализуемо, инструкция по подобному вопросу: http://forum.storela...-вкладок-табов/

спасибо!
реализовал! оказалось всё очень просто
помогите исправить баг в этой связи, небольшой...

у товаров, где есть отзыв, скачет правый бок-граница (только в гугло-хроме, в IE всё ок)
вот наглядный пример

http://akku13.ru/goo...on-AA?from=NjY2
при переключении на вкладку "Отзывы о..." правый  бок едет на 0,8см

• Наверх

Отправлено 25 Февраль 2014 - 14:59

Z_Mc (25 Февраль 2014 - 11:26) писал:

спасибо!
реализовал! оказалось всё очень просто
помогите исправить баг в этой связи, небольшой...

у товаров, где есть отзыв, скачет правый бок-граница (только в гугло-хроме, в IE всё ок)
вот наглядный пример

http://akku13.ru/goo...on-AA?from=NjY2
при переключении на вкладку "Отзывы о..." правый  бок едет на 0,8см

Добрый день
В main.css замените:

#tabs {
margin: -1px 0px 0px -25px;
border: 0px!important;
padding: 0px;
}

на

#tabs {
width: 700px;
margin-left: -23px;
margin-right: -25px;
border: 0px!important;
padding: 0px;
}

• Наверх

Отправлено 25 Февраль 2014 - 15:09

• Наверх

Отправлено 07 Апрель 2014 - 22:18

Такая проблема в слайдере, картинки листает правильно (первую, вторую, третью, потом снова первую и т.д.), но стрелки работают не корректно, а именно после третьей фотографии нужно что бы стрелками нельзя было листать дальше на пустые картинки.

• Наверх

Отправлено 07 Апрель 2014 - 23:20

Candyover (07 Апрель 2014 - 22:18) писал:

Такая проблема в слайдере, картинки листает правильно (первую, вторую, третью, потом снова первую и т.д.), но стрелки работают не корректно, а именно после третьей фотографии нужно что бы стрелками нельзя было листать дальше на пустые картинки.
часть №1.png часть №2.png

Здравствуйте.
Впервые встречаю данный слайдер, но судя по загружаемому коду, строки в шаблоне HTML

$('#slideshow')					   
.prepend('<span class="nav" id="leftNav">Move Left</span>')				   
.append('<span class="nav" id="rightNav">Move Right</span>');

лишние. Попробуйте их удалить. Если не поможет, пришлите, пожалуйста, ссылку на сайт, откуда вы взяли этот слайдер.

• Наверх

Отправлено 09 Апрель 2014 - 22:31

$('#slideshow')					
.prepend('<span class="nav" id="leftNav">Move Left</span>')				
.append('<span class="nav" id="rightNav">Move Right</span>');

• Наверх