Регистрация

Введите код на картинке:
Регистрируясь вы подтверждаете свое согласие с соглашением об использовании персональных данных.
Восстановление пароля
27.10.2015, 17:32
fazli
ymv
fazli

Зарегистрирован:
2011-02-27
Сообщений: 28

Здравствуйте.
Прописал в lib.js функцию для увеличения фото при наведении курсора к превьюшкам справа от товара:
http://desk-s.ru/kresla-rukovoditelya/modena.html

Видимо что то пописал не верно, скрипт должен срабатывать только при наведении и когда убираешь курсор должна была отображаться исходная картинка.

Кто-нибудь наверняка такое делал, где тут может быть ошибка ?

fazli
27.10.2015, 18:43
Макуров Константин
Первыйвеб

Зарегистрирован:
2011-08-04
Сообщений: 29

Не совсем понятно, что нужно, можно описать проблему по подробнее
28.10.2015, 21:22
fazli
ymv
fazli

Зарегистрирован:
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
Панасин Александр
Nexwich

Зарегистрирован:
2011-04-05
Сообщений: 970

Код:
    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);
});


Модуль "Почтовые уведомления" – настройка уведомлений на вашем сайте без программирования. Бесплатно.
29.10.2015, 21:38
fazli
ymv
fazli

Зарегистрирован:
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
Панасин Александр
Nexwich

Зарегистрирован:
2011-04-05
Сообщений: 970

Не обнаружил не чего кликабельного по ссылке

Модуль "Почтовые уведомления" – настройка уведомлений на вашем сайте без программирования. Бесплатно.
01.11.2015, 11:27
fazli
ymv
fazli

Зарегистрирован:
2011-02-27
Сообщений: 28

Справа от основного фото кресла есть превьюшки с вариантами этого кресла.

fazli
198 196 2015-11-01 11:27:10 14328
Описание проекта