====================================================================================== ヒントカードの設定 -------------------------------------------------------------------------------------- cdgrid:{ url_base:"img/card/", url_cardback:"cardback-000.png", cards:[ { url_img:"solar.jpg", url_thumbnail:"tn_solar.jpg", title:"太陽光発電", body:"太陽光発電の基本は、太陽電池モジュールです。これは太陽光を直接電気エネルギーに変換するためのパネルです。太陽電池モジュールは、太陽電池セルを集めて封止したもので、屋根や壁面に設置されます。"}, ], preload_allcards:2, shuffle:false, init_card_state:"back", }, ====================================================================================== ====================================================================================== url_base -------------------------------------------------------------------------------------- 画像が入っているフォルダのURL。 絶対パス、相対パスのどちらでもOKです。 パスの最後は / で終わらせてください。 ====================================================================================== ====================================================================================== url_cardback -------------------------------------------------------------------------------------- 伏せている状態のカードの画像のURL。 「cardback-fff.png」と「cardback-000.png」が用意されている。 ====================================================================================== ====================================================================================== cards.url_img -------------------------------------------------------------------------------------- カードをクリックした時に現れる画像。推奨するサイズは、縦800px、横800pxあたりです。 ====================================================================================== ====================================================================================== cards.url_thumbnail (オプション) -------------------------------------------------------------------------------------- カードのサムネイル画像。推奨するサイズは、縦300px、横300pxあたりです。 省略された場合は、cards.url_imgをサムネイルとして使用する。 ====================================================================================== ====================================================================================== cards.title -------------------------------------------------------------------------------------- カードのタイトル ====================================================================================== ====================================================================================== cards.body -------------------------------------------------------------------------------------- カードの説明文 ====================================================================================== ====================================================================================== preload_allcards -------------------------------------------------------------------------------------- 0:画像のプリロードを行わない。 1:カードのサムネイル画像をプリロードする。 2:カードの画像及びサムネイル画像をプリロードする。 プリロードすると、開始に時間がかかるが、カードをクリックした時の反応はよくなる プリロードしないと、開始に時間がかからないが、カードをクリックした時に画像の読み込みが行われるので、 クリックに対する反応は悪くなる。 ====================================================================================== ====================================================================================== shuffle -------------------------------------------------------------------------------------- true:カードの順番をランダムに変える。 false:カードの順番は設定された順にしておく。 ====================================================================================== ====================================================================================== init_card_state -------------------------------------------------------------------------------------- "back":カードは伏せた状態にしておく。 "front":カードは画像を表示した状態で始まる。 ======================================================================================