0

すべての写真を含む1つのhtmlファイルと、フルサイズの画像を1つだけ表示する別のhtmlファイルを作成しました。ここで、最初のファイルから1つの画像をクリックすると、javascriptを使用したい最初のファイルのsrcを使用して、これらをこの2番目のhtmlページに開くことができます。（ええ、それぞれに異なる写真がある20個のhtmlファイルを作成できることはわかっていますが、1個のhtmlファイルのみを使用したいです）

ファイル1="index.html"：

 <a href="work_detail.html" ><img src="images/templatemo_image_01_big.jpg" alt="image" 
 width="100%" height="100%" id="pic1" onClick="hello();" /></a>

ファイル2="work_detail.html"：

 <a target="_parent"><img src="" alt="product" id="work" /></a>

JavaScript：

 function hello(){
  var pic1 = document.getElementById('pic1').src;
 document.getElementById('work').src= pic1;
 }

JavaScriptを使用して、最初のIDを別のファイルにある2番目のIDに接続するにはどうすればよいですか？

4

2 に答える 2

0

私が考えることができる1つのオプションは、2番目のページに画像のソースをurlパラメーターとして受け取ることです。これは、JavaScript を使用して URL パラメータを読み取る方法を説明する投稿です。

その後、画像 src を使用して 2 番目の画像に設定します。ちなみに、URLをURLエンコードする必要があります。そのようなエンコーディングの使用についてencodeURIComponent：

str = encodeURIComponent(imageSource);

decodeURIComponent次のように受信ページでデコードします。

str = decodeURIComponent(uri_encode);
于 2013-03-11T19:21:20.977 に答える
0

PHP を考えてみましょう。

phpでは次のようになります

フルイメージを表示するページ

<?php
$src= isset($_GET['src']) ? $_GET['src'] : "default_image_url.ext";
$alt= isset($_GET['alt']) ? $_GET['alt'] : "default_alt";
echo "<img src='$src' alt='$alt'>";

さて、メインのjavascriptページで、それを追加してください

function GtU(url, alt){
 window.location.href="second_page.php?src="+url+"&alt="+alt;
}

そして、すべての img タグに <img src="source" alt="alt" onclick="GtU(this.src, this.alt)" > を追加します。これは実際にはもっと良い方法です...ほんの少しだけのサーバー側が必要です。クッキーでもできますが、手が汚れます

于 2013-03-11T19:37:37.800 に答える