3

私は絵画のポートフォリオのウェブサイトを作りました。

サムネイルをクリックすると、同じ画像の中サイズの写真が表示されます。

私はこれを配列の形で行いましたが、それは非常に簡単でした。

また、タイトルやサイズなど、各画像の情報を配列として追加しました。

新しいウィンドウを開く各画像へのリンクを追加して、ユーザーが必要に応じて、さらに大きな画像をより詳細に表示できるようにします。画面がグレー表示されるライトボックスのようなもの。

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

4

1 に答える 1

2

JavascriptObjectNotationを使用します。JSON。(または単にJSオブジェクト)

文字列の配列の代わりに、オブジェクトの配列を使用します

これは冗長な方法です:

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を使用できます。このルックアップでは、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ではキー名を引用符で囲む必要があります。一般に、この表記はキーと値のペアであると言えます。

于 2012-05-07T16:58:01.050 に答える