highslide JSのポップアップ表示について

初めまして、よろしくお願いします。

「highslide JS」について分からない事がありますので質問させて頂きました。

現在ホームページを作成していて、
トップページにインラインフレームを設置し、
インラインフレーム内に写真を数枚表示させています。

インラインフレーム内の写真のポップアップ表示をするため、
「highslide JS」を使っているのですが、写真をクリックし拡大表示させると、
写真がインラインフレームの枠のサイズより大きいため、
自動的にインラインフレームに合わせたサイズに写真が縮小され表示されてしまいます。
また、拡大表示された後、ドラッグして移動させると写真が切れてしまいます。

サイズの方は、写真を小さくすれば解決するのですが（本当は写真を小さくしたくありません…）、
拡大表示された後の、ドラッグして移動させると写真が切れて表示されるのは解決できません。

そこで「highslide JS」のサイトを調べて、
FAQのhttp://vikjavev.no/highslide/forum/viewtopic.php …の
http://vikjavev.no/highslide/example-inside-ifra …を見つけました。

http://vikjavev.no/highslide/example-inside-ifra …のページもインラインフレーム使用し、
その中に写真を表示させているようなのですが、
写真をクリックすると、インラインフレームのサイズよりも写真のサイズが大きいのにもかかわらず、
インラインフレームを飛び出したような感じで表示されています。

文章が分かりずらくてすみません…。

整理しますと、トップページのインラインフレーム内の写真をクリックし、
ポップアップ表示を親ウィンドウに表示させたいのです。

このように表示させるにはどのようにしたら良いでしょうか？
また、可能なのでしょうか？

最後に、「highslide JS」の設置は、
http://www.kfstudio.net/blog/archives/910mt/2007 …のサイトを参考に、
JavaScriptソースやHTMLソースをコピペでなんとか設置できました。
JavaScriptはあまり詳しくありません。

長くなりましたが、JavaScriptに詳しい方、どうぞよろしくお願いいたします。

No.1 ベストアンサー 回答者： mizuno3 回答日時： 2008/07/02 02:08

ソースを見てないので解りませんが、インラインフレーム上で表示させるのではなく、親の方のHTML上で拡大⇒縮小などをしてあげるといいのではないでしょうか。

１．クリック
２．でかい画像を読み込み
３．元画像の絶対座標を取得
４．でかい画像を元画像と同じ大きさで３の座標にappend
５．setTimeoutなどでwidth heightを大きく、x yをwidth heightの半分だけ小さくする
６．実サイズまで拡大

多分こんな処理の流れになってるんだと思うので、４の部分のappendを親のwindowにしてあげればいいんじゃないでしょうか。
クロスドメインになっていると難しいと思いますが。

縮小は逆の流れですね。

この回答へのお礼

mizuno3さん、回答をありがとうございます。

>インラインフレーム上で表示させるのではなく、
親の方のHTML上で拡大⇒縮小などをしてあげるといいのではないでしょうか。

そうなのです。
mizuno3さんが言われた通り、そのようにしたいのですが、出来なくて困っています…。

>appendを親のwindowにしてあげればいいんじゃないでしょうか。

なるほど…、
「highslide JS」のScriptファイルを編集しないといけないのですね、ちょっと難しそうです。
自分の力不足だと思うので、もう少し調べて頑張ってみたいと思います。

お礼日時：2008/07/02 15:17