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

Question

Привет, поэтому я пытаюсь создать JavaScript, функции и HTML-кодирование для веб-сайта, над которым я работаю. У меня есть 8 маленьких изображений с левой стороны.Большое изображение по умолчанию справа.Я хочу, чтобы при наведении курсора на каждое маленькое изображение другое большое изображение заменяло большое изображение по умолчанию справа на описание между ними.

LEFTSIDE

small image1
small image2
small image3
small image4
small image5
small image6
small image7
small image8

MIDDLE

                           *small image1 title*
                        *small image1 description*

RIGHTTSIDE

                                                                *LARGE IMAGE*

Изменяется от большого изображения по умолчанию до 8 различных больших изображений (и описания, изображение по умолчанию не имеет описания) при наведении курсора на маленькие изображения.Все горизонтально друг от друга.

Любая помощь высоко ценится.Спасибо

Answer 1

Вы можете поместить середину и правую сторону в div, скажем, у него есть id rightdiv, затем вы можете загрузить содержимое этого div с помощью ajax. При этом вы можете выполнить новый вызов ajax, который заполнит rightdiv новым содержимым, полученным из ajaxcall.

Взгляните на библиотеку javascript, например jquery . Там вы можете найти предопределенные функции для вызовов ajax и hover и т. Д.