2

私は JavaScript にあまり堪能ではなく、これは本当に基本的なことのように感じますが、オンラインのどこにも見つからないようです。

別の div に画像を表示する JavaScript 関数をトリガーするリンクを作成したいと考えています。それ以外の場合は、コーディング言語に異議はありません。

私はいくつかの画像を持っているので、これを行う最善の方法は、それらをすべて重ね合わせてから、リンクがクリックされるたびに z-index を増やすことだと思いますが、もっと良い考えがあるかもしれません.

私は本当に、フラッシュを使用せず、対応するリンクがクリックされたときにその div に写真を表示する一種の原始的な画像ギャラリーを作成したいと思っています。

前もって感謝します、アレックス

4

2 に答える 2

1

ジェセガビンが言ったように（ここにあります）

Javascript DOM API を利用できます。特に、createElement() メソッドを見てください。

次のような画像を作成する再利用可能な関数を作成できます...

function show_image(src, width, height, alt) {
  var img = document.createElement("img");
  img.src = src;
  img.width = width;
  img.height = height;
  img.alt = alt;
  
  // This next line will just add it to the <body> tag
  document.body.appendChild(img); 
}

そしたらこんな風に使えるのに…

<button onclick="show_image('http://google.com/images/logo.gif', 
  276,110, 'Google Logo");'>Add Google Logo</button>

上に改行があってはなりません。スクロールせずに表示できるように追加しまし た

これはあなたの質問に答えるはずです

于 2012-09-18T21:55:56.553 に答える
0

この問題を解決するための JavaScript ライブラリ、プラグイン (jQuery 用)、およびその他の方法がたくさんあります。

私が最初にすることは、このようなウェブサイトを熟読して、利用可能なものを確認することです: http://sixrevisions.com/javascript/free_javascript_image_galleries/

以前にこれを使用したことがありますが、非常に簡単です: http://lokeshdhakar.com/projects/lightbox2/

一般的には、それをクリックするだけで、どこかで定義し<a href="javascript: showImage()">Link</a>た JavaScript 関数が呼び出されます。showImage()次に、divのレイヤー化は、説明したように機能します。

于 2012-09-18T21:54:23.760 に答える