あなたは、データベース内のフィールドに保存された画像のパスを持っていると仮定している、あなたがそれらにアクセスすることができます前に、DOMにそれらを記述する必要があります。これはによって行われ、という変数をページ自体にエコーします。これらのファイルパスを訪問者に見せたくない場合は、をCSSで非表示にすることができます。
<?php
$image_paths = []; // An array containing your image paths, retrieved from the database
echo "<div id='images'>";
foreach($image_paths as $image_path) {
echo "<div>" . $image_path . "</div>";
}
echo "</div>";
?>
これはあなたを与えるだろう。そうで
<div id="images">
<div>../Images/stu_9.png</div>
<div>../Images/stu_10.png</div>
<div>../Images/stu_11.png</div>
</div>
とします。
あなたはそれが訪問者に表示されていないので、その後、これを隠し、それでもDOMに表示されていることができます。
#images {
display: none;
}
することはできその後、ターゲットあなたJavaScriptを使用して、この目に見えないDOM:
var images_array = [];
var images = document.getElementById('images');
for (var i = 0; i < images.children.length; i++) {
images_array.push(images.children[i].innerHTML);
}
console.log(images_array);
#images {
display: none;
}
<div id="images">
<div>../Images/stu_9.png</div>
<div>../Images/stu_10.png</div>
<div>../Images/stu_11.png</div>
</div>
はまた、あなたの上記のコードでは、あなたが重複したIDを持っていることに注意してくださいこれは無効なマークアップです。また、実際には単語array
を変数名として使用しないでください。名前はArray
と連続しています。私の例ではimages_array
に置き換えました。
希望すると便利です。 :)ここで
だから、あなたは、データベース内のフィールドから画像の場所を取得し、VaRのarray' 'にそれらを渡す方法を求めています?アクセスする前にDOMに書き込む必要があります。また、 'ID'も重複しています。実際に' array'という名前を変数名として使用するべきではありません。なぜなら、 'Array'という名前と連続しているからです。 –
あなたの答えを詳しく教えてください。どこでドキュメントオブジェクトモデルを書くことができますか? – Alvi