3

このサイトには同様の質問がありますが、私の質問にはまったく答えていないようです...

私は、美容院の内部のように見える 5 つの静的ページの Web サイトを持っています。ユーザーがサロンを横切って（見回して）スライドしているように見える各ページ遷移が欲しいです。これは、コンテンツ (.content div) がスライドアウトしてから、次のページがスライドインする必要があることを意味します。可能であれば、ページと新しいページがスライドアウト/スライドインする方法を変更するために、リンクにさまざまなクラスを追加できるとよいでしょう。 (つまり、右から左または左から右)。ナビゲーション バー、ロゴ、フッターはすべてのページで同じ場所にあるため、スライドしないことに注意してください。

jQueryでフェード効果を得ることができました：

$(".content").css("display", "none");
$(".content").fadeIn(2000);
$("a.transition").click(function(event) {
    event.preventDefault(); 
    linkLocation = this.href; 
    $(".content").fadeOut(1000, redirectPage); 
});
function redirectPage() {
    window.location = linkLocation;
}

しかし、これは実際には非常に扱いにくいので、jQuery イージングと同様の方法でページをスライドできるようにしたいと考えています。SEO の理由から、1 ページの Web サイトは使いたくありません。ajaxが答えかどうかはわかりませんが、試したことがないので使用経験がありません。

ありがとう、

ジェイミー

4

2 に答える 2

0

すべてをまとめてロードし、オンデマンドで非表示/表示できない理由がわかりません。

検索エンジン ロボットが目に見えないコンテンツを無視する場合は、SEO について検討してください。Javascript を使用して新しいページをロードしても改善されるとは思いません。間違っている場合は訂正してください。

アニメーションをスムーズにするには、コンテンツをプリロードする必要があると思います。ページをどのように最適化しても、読み込みには時間がかかります。アニメーションの長さよりも確実に長く、ユーザーのネットワーク/デバイス/場所にも依存します...

于 2015-02-12T12:02:47.100 に答える
0

jquery のパノラマ ビュー プラグインを使用できます: プラグイン 1 プラグイン 2 プラグイン 3 また、以下も確認できます: SO に関するこの投稿

于 2011-05-29T09:51:52.210 に答える