нужен динамический контент на странице с помощью javascript

Question

Мне нужна эта страница: http://winteradagency.com/mrw/index.php , так что, когда вы наводите указатель на различные маленькие изображения (на самом деле их набор), текст ниже изменяется из текста в изображение (что является более крупным изображением меньше). Раньше я использовал Fireworks для такого рода вещей, но я думаю, что должен быть более простой способ использовать комбинацию div tage и javascript.

Любые идеи для чего-то простого?

спасибо!

Answer 1

http://fancybox.net/

Lightbox, и т.д. ...

Answer 2

JQuery плагин ЦИКЛ может удовлетворить ваши потребности. Он преобразует список элементов в панель прокрутки. Вы можете просто отключить автоматическую прокрутку при инициализации и установить время между слайдами до 0. Затем вы можете вызвать «номер слайда» в обратном вызове для события mouseover на меньших эскизах.

Cycle здесь: http://malsup.com/jquery/cycle/

Ваше приложение очень похоже на этот пример: link text

Answer 3

This question имеет похожую ситуацию (заменяющий вход с изображением) с ответом, который может работать для вас. Примечание: в нем используется jQuery.

Edit: Для вашей ситуации вы могли бы сделать что-то подобное для каждого изображения:

$('img#id').hover(
    function() { 
    ('div#id').hide().after('<img src="image.jpg" />'); 
    }, 
    function() { 
    ('div#id').show(); 
    } 
); 

изменяющего «IMG # идентификатора» идентификатор изображения и «image.jpg» в соответствующем большом образ.