0

ですから、新しいExposureサイトは素晴らしく、どうやってこのようなことを達成したのか疑問に思いました。基本的に、これは (サイズを変更しても) ブラウザー ウィンドウに引き伸ばされるカバー イメージです。すばらしいのは、スクロールしたときにのみ下のコンテンツが表示されることです。

動的にサイズ変更される画像にはbackstretch.jsのようなものを使用できると思います。しかし、彼らはどのように残りを達成していますか?

ここでペンをセットアップしました: http://codepen.io/realph/pen/luwdJ

これでうまくいくように見えますが、スクロールすると、カバー画像の下に落ちるのではなく、コンテンツが覆われています.

私が間違っていること、またはこのようなことを達成するためのヒントはありますか?

前もって感謝します！

4

1 に答える 1

1

私はこれがあなたが探しているものであり、cssがすべてを行うことができると思います

http://codepen.io/anon/pen/rajDJ

このルールを画像または画像クラスに追加するだけです

  img {
   width: 100%;
  }

露出が行われているのは、画像を含むonclickモーダルウィンドウを作成することですが、それはjsまたはjqueryで行うことができます。または、それを行う多くのjqueryプラグインがあります。

また、適切なグリッド構造を取得するには、グリッド テンプレートを使用できます。これはあなたが始めるためのものですhttp://960.gs/

于 2013-10-24T17:09:39.097 に答える