使用MouseOver& amp;创建可变的图片MouseOut事件 [英] Creat a changeable picture with MouseOver & MouseOut event

问题描述

查看此网址-> http://www.103.fm/ [ ^ ]

当您在显示的15张图片中的每一个上移动鼠标时，
主图片将其图像更改为选定的显示图片

假设每张图片是一张表1-15
并且主图片被命名为Maintable

当我用鼠标移到一张桌子(1-15)上时，我想要那个
然后Maintable会将其图片更改为所选图像.

请帮忙
希望您理解我的自我.

look at this url --> http://www.103.fm/[^]

When you move with the mouse on each of the 15 of the shows picture
the main picture change it''s image tothe selected show pic

Let''s say that each picture is a table 1-15
and the main picture is named Maintable

i want that when i move with the mouse on one of the tables (1-15)
then the Maintable will change it''s picture to the selected image.

please help
hope you understand my self.

推荐答案

他们正在使用Flash，但是您可以在JavaScript中使用jQuery来实现这一目标.

1)隐藏img元素(将其放入具有白色背景的DIV中)
2)设置来源

They are using Flash, but you could come real close to this in JavaScript using jQuery.

1) Hide the img element (put it in a DIV with a white background)
2) Set the source

("#yourImageID").attr("src", "your/path/your_image.png");

("#yourImageID").attr("src", "your/path/your_image.png");

3)fadeIn()img元素

如果您想获得更好的性能，请搜索图像缓存技术，因为加载这些图像可能需要一分钟.然后，您将交换缓存的图像，而不是像上面那样从服务器加载它们.

那应该让您开始.如果您有与实施相关的细节/问题，请随时发布新问题.

干杯.

3) fadeIn() the img element

If you want better performance, search for image caching techniques because those images might take a minute to load. You would then swap in the cached images instead of loading them from the server as above.

That should get you started. Feel free to post new questions when you have specifics/issues related to implementation.

Cheers.

这篇关于使用MouseOver& amp;创建可变的图片MouseOut事件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！