Сообщений в теме: 26

[toha1976]

Здравствуйте! Можно ли реализовать у себя на сайте вот такую фишку как на этом сайте
чтоб при наведении мышкой на строчки-ссылки категорий менялась картинка
адрес сайта http://www.overstock.com/

[toha1976]

Здравствуйте! Нашел другой слайдер тут http://ruseller.com/...?rub=11&id=2223
Закачал все расходники на сайт. Далее блок 1 в HTML перед BODY. Блок 2 в HTML скрипты магазина, а куда вставить блоки 3 и 4 понять не могу.

[Vaccina]

3ий вставляем в конец main.js
а 4ый это параметры, которые можно прописывать в 3ем блоке

[toha1976]

Все равно ничего не получилось. Вот как это выглядит

[Vaccina]

1. удалите файл jquery-1.6.1.min.js и подключение к нему в HTML
2. В подключениях у вас путь неправильно указан:

<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
  <script type="text/javascript" src="js/jquery.mousewheel.js"></script>
  <script type="text/javascript" src="js/jquery.vaccordion.js"></script>

должен быть подобный:

<script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>

3.В main.js

$('#va-accordion').vaccordion({
  expandedHeight : 350,
animSpeed  : 400,
animOpacity  : 0.7,
visibleSlices : 2
  // ширина аккордеона
accordionW   : 1000,
// высота аккордеона
accordionH  : 450,
// количество видимых слайдов
visibleSlices : 3,
// высота открытого слайда,
// не должна превышать высоты аккордеона
expandedHeight : 350,
// скорость открытия / закрытия слайда
animSpeed  : 250,
// эффект, используемый при открытии / закрытии слайда
animEasing  : 'jswing',
// значение непрозрачности для сжатых слайдов
animOpacity  : 0.2,
// время затухания содержания слайда
contentAnimSpeed: 900,
// если данная опция имеет значение false,
// все открытие слайды будут сворачиваться перед перемещением
savePositions : true
}

удалите одинаковые параметры и у строки:

visibleSlices : 2

нет запятой в конце

[toha1976]

Блин все равно ничего не получилось!!! если я правильно понял одинаковые параметры это
// высота открытого слайда,
// не должна превышать высоты аккордеона
expandedHeight : 350,

[Vaccina]

попробуйте:

$('#va-accordion').vaccordion({
expandedHeight : 350,
animSpeed : 400,
animOpacity : 0.7,
visibleSlices : 2
// ширина аккордеона
accordionW : 1000,
// высота аккордеона
accordionH : 450,
// количество видимых слайдов
visibleSlices : 3,
// высота открытого слайда,
// не должна превышать высоты аккордеона
expandedHeight : 350,
// скорость открытия / закрытия слайда
animSpeed : 250,
// эффект, используемый при открытии / закрытии слайда
animEasing : 'jswing',
// значение непрозрачности для сжатых слайдов
animOpacity : 0.2,
// время затухания содержания слайда
contentAnimSpeed: 900,
// если данная опция имеет значение false,
// все открытие слайды будут сворачиваться перед перемещением
savePositions : true
});

изменить на:

$('#va-accordion').vaccordion({
expandedHeight : 350,
animSpeed : 400,
animOpacity : 0.7,
visibleSlices : 2,
accordionW : 1000,
accordionH : 450,
animEasing : 'jswing',
contentAnimSpeed: 900,
savePositions : true
});

[toha1976]

Код поменял, но все равно ничего

[Сake]

В данном случае проблема связана с ошибкой javascript, из-за которой слайдер не может корректно работать. Найдите в самом конце файла main.js скобку

}

и замените её на

});

[toha1976]

поменял, но изменений нет. кстати у меня firefox, а в Internet Explorer ошибки нет, но и слайдер не работает.

[Сake]

Вам необходимо перенести подключение файла jquery.vaccordion.js выше подключения файла main.js. Найдите в вашем шаблоне "HTML" следующий код

<!-- Скрипты магазина -->
  <script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>
  <script type="text/javascript" src="{ASSETS_JS_PATH}jquery.easing.1.3.js"></script>
  <script type="text/javascript" src="{ASSETS_JS_PATH}jquery.mousewheel.js"></script>
  <script type="text/javascript" src="{ASSETS_JS_PATH}jquery.vaccordion.js"></script>

и замените его на

<!-- Скрипты магазина -->
<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.vaccordion.js"></script>
<script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>

[toha1976]

Ошибка исчезла, слайдер пока не заработал

[Сake]

Найдите в вашем файле main.js код

$('#va-accordion').vaccordion({
expandedHeight : 350,
animSpeed  : 400,
animOpacity  : 0.7,
visibleSlices : 2,
accordionW   : 1000,
accordionH  : 450,
animEasing  : 'jswing',
contentAnimSpeed: 900,
savePositions : true
});

и замените его на

$(function() {
$('#va-accordion').vaccordion({
expandedHeight : 350,
animSpeed  : 400,
animOpacity  : 0.7,
visibleSlices : 2,
accordionW   : 1000,
accordionH  : 450,
animEasing  : 'jswing',
contentAnimSpeed: 900,
savePositions : true
});
});

После этого подключите файл css стилей данного слайдера.

[toha1976]

Подскажите а что значит "После этого подключите файл css стилей данного слайдера"?

[Сake]

В скачиваемом архиве слайдера вместе с файлом jquery.vaccordion.js должен быть файл стилей с расширением .css. Именно файл css вам и необходимо подключить в шаблон "HTML" так же как подключается ваш файл стилей main.css

[toha1976]

Вот наконец то что-то получается! При клике на слайдер выскакивает ошибка, и сколько кликов столько ошибок. И снова появился косяк где поле поиска товара.

[@lina_va]

toha1976 (15 Февраль 2014 - 22:46) писал:

Вот наконец то что-то получается! При клике на слайдер выскакивает ошибка, и сколько кликов столько ошибок. И снова появился косяк где поле поиска товара. Безымянный.png

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

#panelsite div.centercol .search input.button {
float: left;
background: url(http://design.xn--96-jlcezfse4m.xn--p1ai/searchbg.jpg) -682px -10px no-repeat;
width: 59px;
height: 30px;
}

на

#panelsite div.centercol .search input.button {
margin-top: -32px;
margin-right: -4px;
float: right;
background: url(http://design.xn--96-jlcezfse4m.xn--p1ai/searchbg.jpg) -682px -10px no-repeat;
width: 59px;
height: 30px;
}

и

#panelsite div.centercol .search input.text {
float: left;
background: url(http://design.xn--96-jlcezfse4m.xn--p1ai/searchbg.jpg) 0px -10px no-repeat;
font: italic 12px Verdana, Geneva, sans-serif;
color: #b7b7b7;
width: 546px;
height: 30px;
padding: 0 5px 0 131px;
line-height: 30px;
cursor: default;
}

на

#panelsite div.centercol .search input.text {
margin-top: 10px;
float: left;
background: url(http://design.xn--96-jlcezfse4m.xn--p1ai/searchbg.jpg) 0px -10px no-repeat;
font: italic 12px Verdana, Geneva, sans-serif;
color: #b7b7b7;
width: 546px;
height: 30px;
padding: 0 5px 0 131px;
line-height: 30px;
cursor: default;
}

Прикрепленные изображения

• 

[toha1976]

Спасибо косяк исчез!!!

[toha1976]

Вот наконец то что-то получается! При клике на слайдер выскакивает ошибка, и сколько кликов столько ошибок.

[Сake]

В библиотеке jquery.vaccordion.js требуется использование функции $.Deferred. В используемой вами версии jQuery такой функции нет, так как версия jQuery необходима выше. В данном случае лучше отказаться от использования vaccordion и попробовать найти что-то другое которое будет поддерживаться jQuery версии 1.4.2.