|
|
27.10.2015, 17:32
|
|
fazli
ymv
Зарегистрирован:
2011-02-27
Сообщений: 28
|
Здравствуйте.
Прописал в lib.js функцию для увеличения фото при наведении курсора к превьюшкам справа от товара:
http://desk-s.ru/kresla-rukovoditelya/modena.html
Видимо что то пописал не верно, скрипт должен срабатывать только при наведении и когда убираешь курсор должна была отображаться исходная картинка.
Кто-нибудь наверняка такое делал, где тут может быть ошибка ?
fazli
|
|
|
27.10.2015, 18:43
|
|
Макуров Константин
Студия "Первыйвеб"
Зарегистрирован:
2011-08-04
Сообщений: 40
|
Не совсем понятно, что нужно, можно описать проблему по подробнее
|
|
|
28.10.2015, 21:22
|
|
fazli
ymv
Зарегистрирован:
2011-02-27
Сообщений: 28
|
Скрипт выглядит так:
Код:/* Действие при наведение курсора по фоткам в листалке карточки товара */
$('.catalogue_full_animate .block').hover(function() {
$('.catalogue_full_animate .block').removeClass('active');
$(this).addClass('active');
$('#cat_full_slider_block .left .left img').attr('src', $(this).find('a').attr('href'));
return false;
});
Хотел что бы при наведении курсора на превью отображалась большое изображение,
и когда убираешь курсор отображалось исходное изображение.
Сейчас большое изображение остается даже если убираешь курсор.
Нужно было дописать еще и это ?:
Код:
.mouseover .mouseleave
fazli
|
|
|
29.10.2015, 12:09
|
|
Nexwich
Панасин Александр
Зарегистрирован:
2011-04-05
Сообщений: 1037
|
Код: var src,
img = $('#cat_full_slider_block .left .left img');
$('.catalogue_full_animate .block').on('mouseenter', function(){
var $this = $(this);
src = img.attr('src');
$this.addClass('active');
img.attr('src', $this.find('a').attr('href'));
}).on('mouseleave', function(){
var $this = $(this);
$this.removeClass('active');
img.attr('src', src);
});
Модуль "Почтовые уведомления" – настройка email уведомлений на вашем сайте без программирования. Бесплатно. http://netcat.ru/products/CatStore/solution_242.html
|
|
|
29.10.2015, 21:38
|
|
fazli
ymv
Зарегистрирован:
2011-02-27
Сообщений: 28
|
Теперь при наведении все работает как надо! Спасибо. Только теперь функция клика по изображению перестала работать (поэтому пока не вставил этот код).
При клике отображалась большое изображение.
На этой странице можно наглядно посмотреть:
http://desk-s.ru/kresla-rukovoditelya/modena.html
Для клика там прописан отдельный код:
Код:/* Клик по фоткам в листалке в карточке товара */
$('.catalogue_full_animate .block').click(function() {
$('.catalogue_full_animate .block').removeClass('active');
$(this).addClass('active');
$('.add_color_to_cart').val($(this).find('a').attr('href'));
$('#cat_full_slider_block .left .left img').attr('src', $(this).find('a').attr('href'));
$('#')
return false;
});
fazli
|
|
|
30.10.2015, 10:48
|
|
Nexwich
Панасин Александр
Зарегистрирован:
2011-04-05
Сообщений: 1037
|
Не обнаружил не чего кликабельного по ссылке
Модуль "Почтовые уведомления" – настройка email уведомлений на вашем сайте без программирования. Бесплатно. http://netcat.ru/products/CatStore/solution_242.html
|
|
|
01.11.2015, 11:27
|
|
fazli
ymv
Зарегистрирован:
2011-02-27
Сообщений: 28
|
Справа от основного фото кресла есть превьюшки с вариантами этого кресла.
fazli
|
