需要使用javascript在页面上的动态内容

Question

我需要这个页面：http://winteradagency.com/mrw/index.php 因此，当你将鼠标悬停在不同的小图像上时（实际上是一组），下面的文字会从文本变为图像（这是较小图像的较大图像）我过去常常使用Fireworks来做这类事情，但我是认为必须有一个更简单的方法使用div tage和javascript的组合。

任何简单的想法？

谢谢！

Answer 1

http://fancybox.net/

灯箱等......

Answer 2

jQuery CYCLE插件可能适合您的需求。它将元素列表转换为滚动窗格。您可以在初始化时禁用自动滚动，并将幻灯片之间的时间设置为0.然后，您可以在较小缩略图上的鼠标悬停事件的回调中调用“幻灯片编号”。

周期在这里：http://malsup.com/jquery/cycle/

您的应用与此示例非常相似：link text

Answer 3

This question有一个类似的情况（用图像替换输入）以及可能适合您的答案。注意：它使用jQuery。

编辑： 根据您的情况，您可以为每张图片执行以下操作：

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

将'img＃id'更改为图像的id，将'image.jpg'更改为相应的大图。