クリックすると画像の説明とフルサイズが同じページに表示されるサムネイルギャラリー

Question

something like thisを作成します。

どこでJavaScriptを使い始めるのですか？また、Nextgen Galleryプラグインや他のWordpressプラグインでこれをカスタマイズすることは可能ですか？

Answer 1

あなたは二つのものが必要になります。必要なURLと説明文字列に

1. サムネイルsrc値（またはその他の識別子です）にマップデータをObject。
2. Eventデータのそれぞれのエントリを取得し、ハイライトimgNodeのsrc属性と説明テキストを設定するサムネイルのハンドラです。だから、

---

、のは、これはあなたのデータObjectあるとしましょう：

var data = { 
    <src>: { 
     "url": <url for the large image> , 
     "text": <description for the large image> 
    } , 
    <another src>: { 
     //.. 
    } 
} 

---

さて、あなただけのEventを上げサムネイルimgNodeのsrcを取得し、その取得する必要がありますデータ内のそれぞれのエントリObject、

var img = /* the reference to the img Node that raised the event */ ; 
var src = img.getAttribute("src") ; 

var entry = data[src] ; 
var url = entry.url , text = url.text ; 

; imgNodeのsrc属性とその説明を含むNodeのテキスト内容を変更するだけで済みます。 id属性を使用して同じことを実行することもできます。

HTH