-1

制限された幅のフォトギャラリーを自分のWebサイトに追加したい(高さは関係ありません)。いろいろな種類のギャラリーを試してみましたが、どれも写真の幅や高さによって異なります。それで「フェイスブックのような同じパターンを使ってみませんか?」と思ったのですが、どうしたらいいかわからないのが問題です。Facebookのような複雑なギャラリーは必要ありませんが、クリック可能な写真の自動サイズ変更(アルバムに写真を表示するように見える小さなサムネイル)が必要です。クリックすると、左右の矢印が付いた通常のサイズに拡大されます。私の目標を達成するのを手伝ってくれませんか。不明な点がある場合は、コメント欄で質問してください。英語はあまり上手ではありません。

PS:私のサイトはすべてhtml、jquery、cssに基づいています。

4

2 に答える 2

1

以下のCSSプロパティを使用して画像を再スケーリングできますが、上記のように、これでは読み込み時間が短縮されます。PHPを詳しく調べたい場合は、サーバー側スクリプトの方が適しています。そうでない場合は、以下のプロパティと背景画像とともに、設定された幅と高さのdivを自由に作成してください。これでうまくいくはずです。欠点は、onClick/JavaScriptを使用せずにdivをリンクできない可能性があることです。

background-size: 100%;

jQueryの場合、http: //fancybox.netライトボックスプラグインを使用して、ユーザーが「サムネイル」をクリックし、フルサイズの画像を表示し、矢印キーを使用して画像を切り替えることができます。

于 2013-03-17T00:24:57.980 に答える
0

最善の解決策は、事前定義された制約(サムネイル、プレビュー、フルサイズなど)に画像を拡大縮小するサーバー側のサイズ変更スクリプトを用意することです。これを行うには、PHPのhttp://www.reconn.us/image_thumbnail.htmlなど、さまざまな方法があります。

より簡単な方法は、CSSスタイルのプロパティだけを使用して、ブラウザに画像のサイズを変更させることです。これには、ユーザーがフルサイズで表示したいかどうかに関係なく、サーバーが常に大きな画像を送信するという欠点がありますが、imgタグで幅と高さを設定するだけで済みます。

于 2013-03-17T00:09:32.967 に答える