X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Изображение при наведении мыши увеличивается и заменяется другим
Aleksanderj
Aleksanderj
Topic Starter сообщение 14.6.2013, 15:07; Ответить: Aleksanderj
Сообщение #1


Помогите, пожалуйста,создать правильный скрипт. Нужно чтобы картинка при наведении увеличилась и заменилась другой, как на сайте мегафона внизу 3 изображения. Я смог только css от туда взять, а как дальше быть не знаю. Может есть какой-нибудь плагин jquery, javascript или с css надо поработать или что то еще? Вот что я от туда взял:
Развернуть/Свернуть
.shadow-box {
position: relative;
float: left;
margin: 10px
}
.dt-news .shadow-box {
margin: 15px 25px 10px 5px
}
.dt-actions .shadow-box {
margin: 15px 25px 10px 5px
}
.shadow-box * {
outline: 0
}
.shadow-box .sh-in {
display: block;
position: relative;
z-index: 10;
top: -4px;
left: -4px;
margin: 0 -8px -8px 0
}
.shadow-box .l {
width: 10px;
position: absolute;
top: 0;
height: 100%;
z-index: 20
}
.shadow-box .r {
width: 10px;
position: absolute;
top: 0;
height: 100%;
z-index: 20
}
.shadow-box .l {
background: url('') 0 0 repeat-y transparent;
left: -10px
}
.shadow-box .r {
background: url('') 100% 0 repeat-y transparent;
right: -10px
}
.shadow-box .sh-t {
position: absolute;
height: 10px;
z-index: 20;
line-height: 0;
font-size: 0
}
.shadow-box .sh-tr {
position: absolute;
height: 10px;
z-index: 20;
line-height: 0;
font-size: 0
}
.shadow-box .sh-b {
position: absolute;
height: 10px;
z-index: 20;
line-height: 0;
font-size: 0
}
.shadow-box .sh-br {
position: absolute;
height: 10px;
z-index: 20;
line-height: 0;
font-size: 0
}
.shadow-box .sh-t {
width: 100%;
top: -10px;
left: -10px;
background: url('') 0 0 no-repeat transparent
}
.shadow-box .sh-tr {
width: 20px;
top: -10px;
right: -10px;
background: url('') 100% 0 no-repeat transparent
}
.shadow-box .sh-b {
width: 100%;
top: 100%;
left: -10px;
background: url('') 0 0 no-repeat transparent
}
.shadow-box .sh-br {
width: 20px;
top: 100%;
right: -10px;
background: url('') 100% 0 no-repeat transparent
}
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
html-ka
html-ka
сообщение 14.6.2013, 19:47; Ответить: html-ka
Сообщение #2


http://www.dynamicdrive.com/style/csslibra...image_enlarger/
http://www.dynamicdrive.com/style/csslibra...p-image-viewer/
http://www.dynamicdrive.com/style/csslibra...-image-gallery/

оно?

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
2 чел. читают эту тему (гостей: 2, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Как в Wordpress центрировать изображение по умолчанию?
4 SkyFire 904 11.4.2021, 18:37
автор: SkyFire
Открытая тема (нет новых ответов) Видео в Wordpress, загружается при открытии странички.
10 PavlivGroup 1080 10.4.2021, 14:53
автор: kvsgeek
Горячая тема (нет новых ответов) Какой выбрать анкор для ссылки при продвижении?
Как сделать так, чтобы меня находили по коммерческим запросам?
36 press74 3228 16.3.2021, 19:48
автор: _fan_
Открытая тема (нет новых ответов) Основные ошибки при запуске рекламы в Facebook
1 dontfarm 673 10.3.2021, 15:53
автор: leovit
Горячая тема (нет новых ответов) тИЦ отменили! Новый показатель Яндекса ИКС! Лучшие площадки под размещение. Бесплатное написание статей при любом заказе.
Эксклюзивное предложение. Успей получить написание статей БЕСПЛАТНО
64 VIMstat 57598 10.3.2021, 12:00
автор: VIMstat


 



RSS Текстовая версия Сейчас: 13.4.2021, 2:53
Дизайн