Регистрация
Вход через соцсети
Восстановление пароля

Hover

Новый топик
27.10.2015, 17:32
Ответить | Цитировать
fazlihon
Фазлихон Масеев

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

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

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

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

fazli
27.10.2015, 18:43
Ответить | Цитировать
Макуров Константин
Jmac.ru

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

Не совсем понятно, что нужно, можно описать проблему по подробнее
28.10.2015, 21:22
Ответить | Цитировать
fazlihon
Фазлихон Масеев

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

Скрипт выглядит так:
Код:
/* Действие при наведение курсора по фоткам в листалке карточки товара */
$('.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
Сообщений: 943

Код:
    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
Ответить | Цитировать
fazlihon
Фазлихон Масеев

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

Теперь при наведении все работает как надо! Спасибо. Только теперь функция клика по изображению перестала работать (поэтому пока не вставил этот код).
При клике отображалась большое изображение.
На этой странице можно наглядно посмотреть:
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
Сообщений: 943

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

Модуль "Почтовые уведомления" – настройка уведомлений на вашем сайте без программирования. Цена отзыв. Мне очень важно ваше мнение.
01.11.2015, 11:27
Ответить | Цитировать
fazlihon
Фазлихон Масеев

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

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

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