Простое и эффективное решение на CSS.
< style>
img.zoom {
cursor: pointer;
max-height: 150px;
}
img.zoom:hover {
max-height: none;
position: absolute;
z-index:999999;
}
< /style>
< img src='http://domen/image.jpg' class='zoom' >
Даже если картинка в родительском блоке, при наведении она увеличиваться не меняя дизайн страницы. Увеличение картинки происходит поверх всего, благодаря z-index.
П Р И М Е Р:
