用于将鼠标悬停在一张图片上以在固定位置显示另一张带有描述的 Javascript

Question

嘿，我正在尝试为我正在处理的网站创建 JavaScript、函数和 HTML 编码。我在左侧有 8 个小图像。右侧的默认大图像。我想做到这一点，当我将鼠标悬停在每个小图像上时，另一个不同的大图像会用两者之间的描述替换右侧的默认大图像。

左侧

小图1
小图2
小图3
小图4
小图5
小图6
小图7
小图8

中间

                           *small image1 title*
                        *small image1 description*

右侧

                                                                *LARGE IMAGE*

当您将鼠标悬停在小图像上时，从默认大图像更改为 8 个不同的大图像(和描述，默认图像没有描述)。一切都是水平的。

非常感谢任何帮助。谢谢

Answer 1

你可以把中间和右边放在一个div中，假设它有id rightdiv，然后你可以用ajax加载这个div的内容。在悬停时，您可以执行一个新的 ajax 调用，它将使用从 ajax 调用中检索到的新内容填充 rightdiv。

看看像 jquery 这样的 javascript 库.在那里您可以找到用于 ajax 调用和悬停等的预定义函数。