私は単純な画像ギャラリーのためのリンクの配列を作成する必要があります

Question

私は絵のポートフォリオのWebサイトを作っています。

サムネイルをクリックして同じ画像の中程度のサイズの写真を表示すると、

私は配列の形でこれを行っていますが、それはかなり簡単でした。

タイトルとサイズのような各画像の情報も配列として追加しました。

新しい画像を開くためのリンクを追加したいと考えている場合は、さらに詳細な画像を表示することができます。画面がぼやけているライトボックスのようなもの。

私は配列へのリンクを渡すように見えませんが、これは単純なエラーであると確信しています。誰かが私たちに少しアドバイスを与えることができます。

Answer 1

Javascript Object Notationを使用してください。 JSON。 （それとも、JSオブジェクト）

代わりに文字列の配列の、これは冗長な方法であるオブジェクト

の配列を使用する：あなたはその後、さらに一歩進み、として、JSONを使用することができ

var myPaintings = new Array(); 

var painting = new Object(); 
painting.medium = "images/blah.jpg"; 
painting.link = "dosomething.html"; 
painting.caption = "this is a painting"; 

myPaintings.push(painting); 

あなたのデータストレージと検索。以前の場合には、この検索JSON.stringify（）とJSON.encode（）またはjqueryの$ .JSON.parseJSON（）など

var myPaintings = { 

    [ 
     { 
      "medium":"images/blah.jpg", 
      "link": "dosomething.html", 
      "caption":"this is a painting" 

     }, 
     { 
      "medium":"images/hello.jpg", 
      "link": "dosomethingelse.html", 
      "caption":"this is a painting also" 
     } 
    ] 
} 

のために、私は} {あなたが最初のオブジェクトのブラケットを残すことができると思いますし、ちょうどmyPaintings = [...]を持っています。 JSONはオブジェクトのリテラル表記法のサブセットです.JSONはキー名の引用符を必要とします。一般に、この表記法はキー/値のペアと言える。