jQuery Crossslideの代替？写真は方向に移動する

Question

私は教会のためのウェブサイトを開発しています。あなたが想像しているように、教会の高さはかなり高いです。その建物の写真を700x200の大きさの横のバナーに配置すると、写真の建物の多くを見ることができません。

私はCrossslideを周りに検索し、見つかったので、私は本当にもう、設計の多くを変更することはできません：あなたは第二例（スライドやクロスフェード）までスクロールした場合

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

あなたが表示されますその1つのイメージが表示され、上から下に向かって話すようになります。私はこのスクリプトを実装しようとしましたが、失敗し、多くの、多くの時間の後にあきらめました。別の問題は、そのプラグインの作成者がこれ以上のサポートを提供しないということです。だから今あなた/女の子に別のアイデア/プラグインがあればいいと思っています。

Flashを使用したくないです。だから、jQueryが最善の解決策になるでしょう。誰も2番目の例で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 
    } 
]);