外部ページからスライダー内の各画像の表示領域へ直接

質問

外部ページからスライダー内の各画像の表示領域へ直接アクセスできるようにしていです。

1. ボタンをクリックするとポップアップが開く
2. 開いたポップアップ内にスライダーが設置されていて、NEXT/PREV などで移動できる。
3. もとのページのボタンごとに、ポップアップ内のスライダーの各画像とがリンクしている。

具体的には下記のサイトのような感じです。
http://www.proud-web.jp/inagekaigan/c/plan/index.html

Nivo Slider などのプラグインをしようしてできないかと思いましたが、
ポップアップ内の最初に開くページは指定できても、外部から直接指定することはできませんでした。
IDを指定したりいろいろ調べたのですがうまくいきません。
当方、Javascript がまったくわかっていないのですが、可能でしょうか。
良い方法があったら教えてください。

回答No.1

fujillin

ご提示のサイトで用いているしくみは、ご想像なさっているより簡単な方法を用いていると思います。

ご提示のサイトの場合、どのタイプをクリックしても基本的にリンク先は同じhtmlです。
例えば、
http://www.proud-web.jp/inagekaigan/c/plan/type.html?type=c80lh

ここのページの中には、全てのタイプが含まれていますが、丁度、画像のスライドショーやタブ表示の切替えなどと似たような仕組みで、ボタンをクリックした時に表示するタイプを切替えています。（他のタイプは非表示にしている）
それなので、元のページと特別に連動しているわけではありません。

このページを最初に表示する時に、表示される内容はリンクのurlのクエリ部で指定されています。
上記の例で言うとtype=c80lhのところ。
ここのtypeを変えてリンクすることで、最初に表示するタイプを決めているというしくみです。
あとはボタン操作に応じて、次、前といった順で表示/非表示を切替えているだけで、このページ内で完結しています。

詳細は、ソースをご覧ください。
まぁ、他にもいろいろやっているので少しわかりにくいかも知れませんが…
jQueryというjavascriptのライブラリが利用されています。

＞可能でしょうか。
やりたいことがそのようなことであれば、可能です。
ちがうことであるなら、多分可能ではないかと想像しますが、どのようにしたいかにもよるでしょう。