外部JSから関数を呼び出すと、その関数が別のページで変更を加える必要があります

Question

私はかなり新しくなっています 私は2つのWebページを持っています1つはギャラリーページで、もう1つはサイトです地図。

ギャラリーページには、5つの小さな画像と1つの大きな画像の下に説明があります。ユーザーが小さな画像をクリックすると、大きな画像がクリックされた画像に置き換えられ、それに応じて説明が変更されます。私はこれを、外部のjsファイルでonclick関数を呼び出すことによって行ってきました。

自分ができないことは、大きな画像の各小さな画像を見るためのサイトマップ上のリンクがあるはずです。

Answer 1

URL GETパラメータを使用できます。画像パラメータを得るためにあなたの画像ページの使用スクリプトのその後

<a href="index.html?image=image1"></a> 
<a href="index.html?image=image2"></a> 
<a href="index.html?image=image3"></a> 

：サイトマップのページでは、このようにあなたのイメージリンクのHREF属性を設定します。ユニバーサル関数を使用してすべてのパラメータを取得し、次にイメージをチェックしました。

function getAllParams() { 
var allParams = {}; 
var query = window.location.search.slice(1); 
if (query) { 
    query = query.split('#')[0]; //all after # is not a part of query 
    var arr = query.split('&'); // split our query string into its component parts 
    for (var i=0; i<arr.length; i++) { 
     var pair = arr[i].split('='); // separate the keys and the values 
     allParams[pair[0]] = decodeURIComponent(pair[1]); //add query and its value to allParams obj 
    } 
} 

return allParams; 
} 

var allParams = getAllParams(); 

if (allParams.image === 'image1') { 
    //show your image1 as a big image 
}