|
Замена изображение при наведении на него курсора
|
|
workman |
Воскресенье, 03 Января 2016, 18:28 | Сообщение 1 |
|
Всё просто. Код состоит из двух частей
Код <div class="img_zamena"></div>
Код .img_zamena {
background: url("картинка1.jpg") no-repeat; /* изображение по умолчанию */
height: 120px; /* высота изображения */
width: 120px; /* ширина изображения */
}
.img_zamena:hover {
background: url("картинка2.jpg") no-repeat; /* новое изображение */
border: 2px solid #f00; // Установил красную рамку
height: 120px; /* высота изображения */
width: 120px; /* ширина изображения */
} |
| [ RU ] |
|
|
Kosten |
Воскресенье, 03 Января 2016, 19:05 | Сообщение 2 |
|
workman, но .img_zamena этот класс и будет показывать изображение, которое находится в стилях будет.
|
| [ RU ] |
|
|
workman |
Воскресенье, 03 Января 2016, 19:35 | Сообщение 3 |
|
|
Цитата Kosten (  ) этот класс и будет показывать изображение, которое находится в стилях будет
Но при наведении на картинку мышкой оно поменяется на указанное в hover
|
| [ RU ] |
|
|
Марковичь |
Воскресенье, 03 Января 2016, 23:45 | Сообщение 4 |
|
workman, но это простое увеличение, которое на форуме работать не будет.
|
| [ RU ] |
|
|
Kosten |
Понедельник, 04 Января 2016, 00:31 | Сообщение 5 |
|
|
nikolla76, но для этого есть совершенно другие модули, на одном форуме не все сидят, так как там только BB коды работают, хотя нет, а как к примеру полный код плеера от ютуб можно поставить и он показывает.
|
| [ RU ] |
|
|
workman |
Понедельник, 04 Января 2016, 00:49 | Сообщение 6 |
|
|
Цитата nikolla76 ( ) но это простое увеличение, которое на форуме работать не будет
Вы так думаете? Нет ошибаетесь.Видимо вы не понимаете в стилях и кодах ничего ... Где вы увидели тут в коде увеличение то???
|
| [ RU ] |
|
|
FeStemBer |
Понедельник, 04 Января 2016, 00:56 | Сообщение 7 |
|
Цитата workman ( ) Где вы увидели тут в коде увеличение то
Как понимаю, это исходные размеры, которые вы сами выставите.
Код height: 120px; /* высота изображения */
width: 120px; /* ширина изображения */ |
| [ RU ] |
|
|
Траст |
Понедельник, 04 Января 2016, 01:08 | Сообщение 8 |
|
Кто не понял, немного лекций, будет изночальное изображение, которое исходить будет от стилей. Вы на его наводите и оно изменяется, может стать больше или прокрутиться на месте.
Быстро, дешево и сердито!
|
| [ RU ] |
|
|
workman |
Понедельник, 04 Января 2016, 08:52 | Сообщение 9 |
|
|
Чтобы было более разборчиво как данное работает, пришлось малость заморочиться и создать ДЕМО страничку в которой можно посмотреть как работает данные стили
|
| [ RU ] |
|
|
