Форум русской поддержки Joomla!® CMS
17.08.2017, 21:35:09 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Основной курс по Joomla
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

Картинку уменьшить при сжимание

 (Прочитано 188 раз)
0 Пользователей и 1 Гость смотрят эту тему.
GuN
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Пол: Мужской
Сообщений: 75



« : 01.08.2017, 14:56:54 »

Проблема следующая, пытаюсь прикрутить анимацию при наведение на картинку все работает, но не могу задать ширину и высоту картинки авто.

Подскажи как сделать пожалуйста
 

вот код

<div  class="example5">
<img src="http://zum304/images/sait-ikonom2.jpg" class="smile1" /img>
<img src="http://zum304/images/sait-ikonom.jpg" class="smile2" /img>
</div>

<style>
div.example5 {
max-width: 100%;
height: auto;

margin: 0 auto;
  /*Убираем полосу прокрутки*/
  overflow:hidden;
}
div.example5 img {
  position: absolute;
  -moz-transition: all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.example5 img.smile1 {
  opacity:0;
  filter:alpha(opacity=0);
}
.example5:hover img.smile1 {
  opacity:1;
  filter:alpha(opacity=100);
}
.example5:hover img.smile2, .example5 img.smile2:hover {
  opacity:0;
  filter:alpha(opacity=0);
}
.example5 img.smile1, .example5:hover img.smile1 {
  margin-left: 0px;
}
.example5:hover img.smile2 {
  margin-left: 220px;
}
.example5 img.smile1 {
  margin-left: -220px;
}
</style>
Записан
SheriffDM
Новичок
*

Репутация: +0/-0
Offline Offline

Сообщений: 4



« Ответ #1 : 10.08.2017, 12:57:15 »

Относительно чего ты хочешь одинаковую ширину и высоту картинок, они все должны быть одинаковы или что?
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet