HTML IMG по умолчанию+Hover+OnClick ⇐ Html

[Anonymous]

Я довольно новичок в кодировании, и сейчас я борюсь. Использование наложения + непрозрачности.
Что я хотел бы иметь:
img = это изображение
img hover = эта картина
img on click = текст с оранжевым фоном, который я в настоящее время имею на Hover. /> Редактировать: вот код.

edit2: я хотел бы, чтобы он выглядел так, но с текстом как Onclick, а не с изображением. В основном тот же вид текста, который я в настоящее время прошел на падении: < /p>

img src = "Image1" alt = "Image" < /p>
< /blockquote>

onmouseover="this.src='image2' ;" < />> houseover />
onclick="This.src='image3' ;,,/p>образное />

Код: Выделить всё

.item .item-wrap {
overflow: hidden;
position: relative;
}
.item .item-wrap a {
display: block;
cursor: pointer;
}
.item .item-wrap .overlay {
background: #ed560e;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
opacity: 0;
zoom: 1;
-moz-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
-webkit-transition: opacity 0.3s ease-in-out;
-ms-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}
.item .item-wrap img {
vertical-align: bottom;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.item .item-wrap .bieres-item-meta {
position: absolute;
top: 10%;
left: 10%;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
opacity: 0;
zoom: 1;
-moz-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
-webkit-transition: opacity 0.3s ease-in-out;
-ms-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}
.item .item-wrap .bieres-item-meta h5 {
font: 15px/21px"raleway-heavy", sans-serif;
margin: 0;
color: white;
word-wrap: break-word;
}
.item .item-wrap .bieres-item-meta p {
font: 14px/18px"raleway-semibold", sans-serif;
color: #fbcab3;
margin: 0;
}
/* on item hover */

.item:hover .overlay {
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
opacity: 1;
zoom: 1;
}
.item:hover .bieres-item-meta {
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
opacity: 1;
zoom: 1;
}
.item:hover .item-wrap img {
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}< /code>



[url=#]
[img]http://v5.lapiece.ch/images/portfolio/mobykid.jpg[/img]
[/url]


Moby Kid


Apparence: Robe jaune pâle et trouble. Bonne tenue de mousse.

Arôme: Fruité avec des notes de banane.

Goût: Légèrement acidulé, avec des saveurs nets d'agrumes et discrètes de fruits tropicaux.


Alcool: 4.5 [ % ]
Couleur: 6 [ EBC ]
Amertume: 18 [ IBU ]
Densité finale: 1009 [ g/l ]

Подробнее здесь: https://stackoverflow.com/questions/349 ... veronclick