Нужны изображения, чтобы увеличить при наведении мыши на HTML-страницах

Question

У меня есть миниатюрные изображения в таблице, и при наведении мыши на изображение, которое я должен получить, при увеличении, а при наведении мыши это должен быть обычный эскиз. и мне даже нужно перемещаться при нажатии на изображение Blowup. Пожалуйста, объясните мне, как это сделать, используя JavaScript или CSS

.

Мне нужна вещь, как на этом сайте: текст ссылки

Answer 1

Или просто реализация CSS, но не работает на IE6. CSS Light Box

Answer 2

Взгляните на плагины jQuery, возможно, вы могли бы настроить плагин ThickBox ?

Answer 3

jQuery или любая другая библиотека Javascript содержит множество вещей, которые вы можете использовать для создания необычной галереи.

Попробуйте этот сайт:

http://flowplayer.org/tools/index.html

Взгляните на демонстрационные страницы; отличные идеи для того, что вы ищете.

Answer 4

вопрос: у вас есть два фото? Один для миниатюры, один для увеличенной картинки? или только одно изображение такого размера? Вы хотите, чтобы оно постепенно увеличивалось или мгновенно становилось большим?

Для 1-го случая просто выполните:

function mouseOverFun() {
document.getElementById('imageName').src = "largeImage.jpg";
}  // just do the reverse for mouseOut event.

для 2-го случая, если он постепенно увеличивается, посмотрите на jQuery. если нет, просто измените размер элемента.