Question

我正在为教会开发一个网站。你可以想象，教堂的高度相当高。如果您将该建筑物的照片放入尺寸为700x200的水平横幅中，您将无法看到照片中的大部分建筑物。

我无法真正改变设计，所以我四处寻找Crossslide：

http://tobia.github.com/CrossSlide/

如果向下滚动到第二个示例（幻灯片和交叉淡入淡出），您将看到显示一个图像，它可以说是从上到下。我尝试实现这个脚本，但失败了许多小时后放弃了。另一个问题是该插件的创建者不再提供任何支持。所以现在我希望你们/女孩有另外的想法/插件。

我们不想使用Flash。所以jQuery将是最好的解决方案。有没有人知道CrossSlide在第二个例子中做过的好插件？

谢谢。

Answer 1

我知道这已经过时了，但我猜你只用了1张图片来尝试它。

我自己也搞砸了这个并且遇到了同样的问题，即使使用相同的图像也添加了另一个模块，它完全正常。

示例：

var $image = 'images/our_practice_banner.jpg'

$('#banner').crossSlide({
  loop: 1,
  fade: 1
}, [
  {
    src:  $image,
    from: 'top right 1.5x',
    to:   'center center 1x',
    time: 4
  },{
    src:  $image,
    from: 'center center 1x',
    to:   'center center 1x',
    time: 4
  }
]);

jQuery Crossslide的替代品？照片向一个方向移动

1 个答案: