私は自分の質問を簡単に検索しただけで、適切なものを直接見つけることができませんでした。
私はまだ HTML に非常に慣れていないので、自分の Web サイトに画像を追加し、クリックすると新しいウィンドウで画像が拡大されるようにコードを設定する方法を誰かに教えてもらえないかと考えていました。
ウェブサイトに約 600 枚以上の写真を追加する予定なので、一度コードを記述して、追加するすべての写真に適用する方法があるかどうかも疑問に思っていました。
よろしくお願いします - Danny B.
17276 次
5 に答える
4
これを行う方法はたくさんあります。新しいウィンドウへのリンクを含む画像を挿入するための基本的な HTML は次のようになります。
<a href="enlarged.html" target="_blank">
<img src="photos/photo-name.jpg" />
</a>
ただし、多数の写真を動的に表示できるようにする場合は、かなり複雑になります。これを自分でコーディングしたい場合は、PHP などを使用して、600 以上の画像の HTML コードを自動的に出力することを検討してください。次に、それぞれのリンクを新しいページに向ける代わりに、他の回答のいくつかが示唆するjavascriptライトボックス/カラーボックスなど、画像をクールな方法でロードすることを検討することをお勧めします。
考えられる代替ソリューションの 1 つは、事前に作成されたフォト アルバム スクリプトを探すことです。私はこれらの経験がないので、他の誰かがそれについていくつかの提案をするようにします.
于 2010-03-01T23:50:12.523 に答える
0
I decided to go w/ target="_blank" -- Lightbox2 seems like it'd be great, but I'm really not sure how to use it and where to put all the code. The instructions I've found for it still assume the user has some standard knowledge in the field, that of which I do not currently possess. So, I'll stick to the target/blank approach until I can get more familiar w/ coding and then I'll upgrade to Lightbox.
Once again, I want to say thanks to everyone. You guys always respond quickly and accurately.
With much appreciation, - Danny B
于 2010-03-02T21:20:08.520 に答える
0
これを行うにはいくつかの方法がありますが、1 つのページに多数の画像を含む単純なサイトがあり、画像を「クールな方法で」拡大表示したいと考えています。
これをチェックしてください：http://colorpowered.com/colorbox/
... [デモンストレーションを表示] をクリックして、さまざまな写真処理オプションを確認します。
これには、いくつかの基本的な HTML と最小限に構成された Jquery だけが必要です。使い方はとても簡単で、素晴らしい効果を生み出します。
于 2010-03-01T23:44:37.767 に答える
0
キーワードlightboxを使用してググってください。ほとんどのソリューションは、すぐに使用できる Javascript です。一度インクルードし、いくつかの ID/クラスを割り当て、オンロード中に実行するだけです。私は個人的にLightbox2とjQuery Lightbox pluginで良い経験をしています。
于 2010-03-01T23:45:18.590 に答える
-2
最も簡単な方法は、リンクを追加し、target属性を に設定することtarget="_blank"です。リンクは画像自体を指している必要があります。ただし、これにより定期的に新しいタブが開きますが、まったく新しいウィンドウが必要な場合は、試してください
href="javascript:window.open('myimage.png','_blank','toolbar=no,menubar=no,resizable=yes,scrollbars=yes')"于 2010-03-01T23:46:52.783 に答える