onmouseover resize на снимка

[Lumix]

Здравейте,

Имам следния проблем

Страницата ми е разделена на 3 части в най-дясната част имам малка картинка, когато положението на мишката ми е onmouseover снимката да се разпределя върху цялата таблица, която е разделена на 3 части, когато положението е onmouseout снимката да си се прибира в начално положение. Моля ви, ако имате някаква идея от къде да взема такъв код кажете.

Ето горе долу как изглежда ситуацията

 

[eddyy93]

[css].picture a {border: 0px; width: 50px; height: 50px; background: url('image.jpg') no-repeat;}

.picture a:hover {border: 0px; width: 100px; height: 100px; background: url('image.jpg') no-repeat;}[/css]

 

[M1tq96]

oo .. това е лесно но зависи как ти искаш да функционира .. може да го направиш с JS:
- С този плъгин , този ии др...

а може и с CSS 3 да го направиш ..

- погледни тук , тук и др ..

ето примерен код да НЕ го тарсиш мноо мноо

[css]
#flickr_badge_uber_wrapper{
width: 550px;
position: relative;
display: block;
margin: 0 auto;
margin-top: 100px;
}
.flickr_badge_image{
float: left;
}
.flickr_badge_image img{
margin: 10px;
border: 3px solid #fff;
display: block;
position: relative;
-webkit-border-radius:5px;
-webkit-box-shadow: #000 0 0 2px;
-webkit-transition: -webkit-transform .2s ease-in-out, -webkit-box-shadow .2s ease-in;

}
.flickr_badge_image img:hover{
-webkit-transform:scale(1.2);
z-index: 10;
-webkit-box-shadow: #666 0 5px 10px;
}
[/css]


дано си схванал нещата.. :?: :?:

 

[Lumix]

Не е това, което ми върши работа. Искам вътре самите полета да ги закрива, и да не се отваря като отделен прозорец