• Страница 4 из 4
  • «
  • 1
  • 2
  • 3
  • 4
Модератор форума: likbezz  
Скрипты и коды для юкоз - Форум аццкого кодера » Как сделать? Информация для вновь прибывших » Как сделать... » Появление большой картинки при наведении на маленькое. Как? (Варианты решения на JavaScript и CSS)
Появление большой картинки при наведении на маленькое. Как?
Дата: Четверг, 05.01.2012, 00:46 |
Diz6942
Лейтенант
Группа: Проверенные
Сообщений: 50
Награды: 0
Репутация: 0
Статус: Offline


Quote (likbezz)

Даный скрипт не предназначен для этого.
Но как тогда посмотреть нужную картинку в материале?? См.


 
Дата: Четверг, 05.01.2012, 01:46 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Diz6942,
Quote (Diz6942)
Но как тогда посмотреть нужную картинку в материале?? См.

В смысле?
...

Добавлено (05.1.2012, 1:56:14)
---------------------------------------------
Quote (likbezz)
Даный скрипт не предназначен для этого.

- Уже предназначен ... )
Code
<script type="text/javascript" src="http://likbezz.ru/_example/jquery/zoom/myZoomiSise.js"></script>
<script type="text/javascript">
$(document).ready(function(){
     $('div.eMessage img').zoom1().mouseover(function(){$(this).zoom2().fadeIn();}).zoom2().mouseout(function(){$(this).fadeOut();});
});
</script>

Размеры устанавливаются стилями:
Code
<style type="text/css">
img.zoom2{max-height:400px!important;max-width:400px!important;}
</style>

Не будет работать в старых версиях ИЕ.
...

Добавлено (05.1.2012, 2:00:06)
---------------------------------------------
Quote (Diz6942)
Сейчас одна картинка(при наведении) закрывает весь экран. Попасть на соседнюю с ней невозможно.

Уже понял ... )
...

Добавлено (05.1.2012, 2:03:04)
---------------------------------------------
Ну и бордер, елси нужен ....
Code
<style type="text/css">
img.zoom2{max-height:400px!important;max-width:400px!important;border:1px solid #666;}
</style>


 
Дата: Четверг, 05.01.2012, 02:20 |
Diz6942
Лейтенант
Группа: Проверенные
Сообщений: 50
Награды: 0
Репутация: 0
Статус: Offline


Сейчас одна картинка(при наведении) закрывает весь экран. Попасть на соседнюю с ней невозможно.

Добавлено (05.01.2012, 02:20)
---------------------------------------------
Теперь хорошо. Только на больших картинках появляется меньшее изображение и зависает...

 
Дата: Четверг, 05.01.2012, 11:07 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Diz6942,
Quote (Diz6942)
Теперь хорошо. Только на больших картинках появляется меньшее изображение и зависает...

Вы сами выбирали размер ...
А “зависает”, потому что оно меньше оригинала.
...


 
Дата: Четверг, 05.01.2012, 11:46 |
Diz6942
Лейтенант
Группа: Проверенные
Сообщений: 50
Награды: 0
Репутация: 0
Статус: Offline


likbezz, спасибо!

 
Дата: Четверг, 05.01.2012, 15:13 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Quote (likbezz)
Вы сами выбирали размер ...

Установите размер для img.zoom2 равный или больший максимально возможного размера картинки в материале.
...

Quote (Diz6942)
likbezz, спасибо!

Незачто)


 
Скрипты и коды для юкоз - Форум аццкого кодера » Как сделать? Информация для вновь прибывших » Как сделать... » Появление большой картинки при наведении на маленькое. Как? (Варианты решения на JavaScript и CSS)
  • Страница 4 из 4
  • «
  • 1
  • 2
  • 3
  • 4
Поиск:


Мобильная версия