jQuery：フルページ水平スライド

Question

誰もがフルページのスライドを左右に助けることができます。 リンクで固定ヘッダーを作成し、下のdivを左または右にスライドしたいとします。 sample webpage

Answer 1

この例では、メインコンテンツの幅がxピクセルであるとします。

3xピクセル幅の大きなdivを作成します。このdivには、それぞれ3つのインラインdivとxピクセルの幅があります。

これで、最も外側のdivのmargin-leftを調整することで、スライドをシミュレートできるようになりました。 margin-leftが0の場合、一番左の子divが表示されます。それが-xに等しい場合、中間のコンテンツが表示されます。

外側のdivにはoverflow:hiddenを設定してください。

これで十分です。あなたのためにコードを書く人を探していない限り。 jqueryのフルページスライダーのためのgoogle

Answer 2

、それはjQueryプラグイン超大型で見てだ、 http://buildinternet.com/project/supersized/slideshow/3.2/demo.html

も、それらのトンがある

例： http://machoarts.com/21-beautiful-jquery-sliders-for-your-next-project

Answer 3

アイブ氏は、このために首尾http://srobbin.com/jquery-plugins/pageslide/を使用しました

jquery.pageslide.cssで幅を100％に設定する必要があります。