私は少し助けを得たいと思っています。私は本質的にデザイナーなので、プログラミングは私の強力なスイートではありません。これで、私はこのjqueryプラグインを使って私のサイトにいくつかの動的要素を追加しています。jquery Polaroid viewer
ソースへのリンクはこちらです： http://www.marcofolio.net/webdesign/creating_a_polaroid_photo_viewer_with_css3_and_jquery.html
私の質問：私は写真をdiv要素に残るために好きではない「すべてのページの上に浮いてしまうCSSで遊んでた後、私が想定しています。これは私がdiv要素にポラロイドを含むように追加して何が必要です。script.jsファイルにコードを追加することによって達成される？
感謝。
このチュートリアルでは、ポーラロイドを含めることができる場合は、このチュートリアルを作成することができました。彼はこの仕事をどのように達成するかについてブログに新しい投稿を書いた。 http://www.marcofolio.net/webdesign/the_polaroid_photo_viewer_non-full_screen.html。
Marco、ありがとうございました。あなたの仕事は最高です。
私は私はあなたの質問を理解すると思います。ソースでこの変更を行いますファイルのindex.htmlとそれがあなたが探しているものかどうかを確認してください。
<div id="wrapper" style="overflow:hidden;height:500px;width:800px;">
... image divs
</div>
残念ながら、それはうまくいきませんでした。私は私の質問を提出する前にこれらの同じ属性を試していたので、それはscript.jsファイルの変更のほうがいいと思うのです。私の限られた知識で私は確かに間違っている可能性があります。しかし、もっと多くの助けをいただければ幸いです。ありがとう！ – rockeypjb
ああ、私の上記の答えはGoogle Chromeで動作します。 IE8では、開発者ツールを開き、ドキュメントモードをQuirksモードに変更してください。 doctypeの前にコメントを追加し、doctypeをFFのquirksモードに変更しようとしましたが、動作させることができませんでした。 -mozと-webkitのスタイルと関係しているかもしれません。 –
私はMac OSXを使用しているので、私のブラウザはSafariとFirefoxで構成されています。私はこの素晴らしいポラロイドビューアを使用するつもりなら、私はすべての（少なくともほとんどの）ブラウザと互換性がある必要があります。回転とドロップシャドウがSafariとChromeでのみ動作することを許可しました。 – rockeypjb
質問を明確にする - イメージ全体がページ全体ではなく、ページの1つの領域に限定されているのと同じ振る舞いをしたいですか？ –
はい、彼が意味することはまさにそれです。ドラッグ・ドロップや回転などの動作を持ちますが、全ページの代わりにコンテナ内にあります。 – Sander
はい、サンダー、それは完璧です。 – rockeypjb