Показать сообщение отдельно
  #1 (permalink)  
Старый 27.12.2012, 21:02
Аватар для mi.rafaylik
Кандидат Javascript-наук
Отправить личное сообщение для mi.rafaylik Посмотреть профиль Найти все сообщения от mi.rafaylik
 
Регистрация: 07.12.2012
Сообщений: 113

Повторное изменение класса при клике на изображение
Всем привет! )
Есть родительский div, в котором находится миниатюра изображения:
<div>
<img src='preview-1.jpg' class='image-preview'>
</div>

При клике на эту миниатюру: (1) в её src путь меняется на путь к полному изображению, (2) меняется класс - для полного изображения class image-full, и (3) для родительского слоя добавляется атрибут clear:left;
$('.image-preview').click(function(){
	$(this).attr('src', $(this).attr('src').replace('preview-', 'full-'));
	$(this).removeClass().addClass('image-full');
	$(this).parent('div').css('clear', 'left');
});

Всё это работает отлично, но я не могу осуществить обратный процесс.
После первых действий имею:
<div style="clear:left;">
<img src='full-1.jpg' class='image-full'>
</div>

Теперь при клике на полное изображение пытаюсь вернуть миниатюру, то есть совершить обратные действия:
$('.image-full').click(function(){
	$(this).attr('src', $(this).attr('src').replace('full-', 'preview-'));
	$(this).removeClass().addClass('image-preview');
	$(this).parent('div').css('clear', 'none');
});

Но результата нет увы Какие есть мысли?

Последний раз редактировалось mi.rafaylik, 27.12.2012 в 21:15.
Ответить с цитированием