0

私のブログフォルダには、マップとギャラリーの2つのサブフォルダがあります。マップにはレストランのアイコンが付いたインタラクティブな都市地図があり、ギャラリーには各レストランの画像サブフォルダーがあります。現在、各レストランの画像フォルダには、フォルダのコンテンツから画像配列を作成する「get_images.php」と、その配列からギャラリーを生成する「index.html」の2つの追加ファイルが含まれています。次を使用して、地図上のインフォボックスから各レストランのポップアップ画像ギャラリーを呼び出すことができます。

boxText.innerHTML="<a href='javascript:popUp("+'"../gallery/'+restaurant+'/index.html"'+")'>gallery</a><br/>"

ここで、「restaurant」変数はmySqlデータベースから取得され、「popUp」はポップアップを作成する関数です。

これは面倒なので、すべてのレストランフォルダにget_images.phpファイルとindex.htmlファイルを含める必要をなくしたいと思います。get_images.phpをどこにでも配置して、メインスクリプトから呼び出すことができますが、ポップアップウィンドウでindex.htmlにあるrotate_images（）関数を呼び出す方法を見つけるのに苦労しています。関数は次のとおりです。

var curimg=0
function rotate_images(){
document.getElementById("gallery").setAttribute("src", ""+galleryarray[curimg])
curimg=(curimg<galleryarray.length-1)? curimg+1 : 0
}

私はもう試した

"<a href=   'javascript:rotate_images(" + '"' + '../gallery/pizzahut/files/' + galleryarray[curimg] + '"' + ")'>gallery</a><br/>";

リンクにカーソルを合わせると「javascript：rotate_images（ "../ gallery / pizzahut / files / pizzahut1.jpg"）」と表示されますが、リンクをクリックすると何も表示されません。'img id'タグを含めていないためだと思いますが、ポップアップを示すためにどこに配置すればよいかわかりません。助けていただければ幸いです。

4

1 に答える 1

0

たとえばrotate_images、というファイルに関数を入れます。map.js次に、関数を必要とする HTML ページにこのファイルを含めます。

例 ：

index.html

<head>
<!-- include map.js here -->
<script src="path/to/map.js"></script>
</head>
<body>
(...)
<a href="#" onclick='javascript:rotate_images(" + '"' + '../gallery/pizzahut/files/' + galleryarray[curimg] + '"' + ");return false'>gallery</a><br/>
(...)
</body>
于 2012-09-13T13:06:36.053 に答える