WiSTERIA ＊ BOARD

W i S T E R I A
＊
B O A R D

● ● ●

●新規

●トレリス表示

● ● ●

●関連記事の一覧

224

スクロールでのリンクについて by 志穂

2007/10/01 (Mon) 03:18

△up

res/edit

はじめまして。

スクロールについて検索していましたら辿りつきました。

とても素晴らしいサンプルをありがとうございます。
他にはなかなかありませんでしたので
とても助かっています。

以下のサンプルについて宜しくお願い致します。

http://homepage2.nifty.com/godakaz/laboratory/slideimg/slide6.html

これに加えまして、各画像をクリックすると、
画像別に指定したＵＲＬを別ウインドウで
開かせたいと思っていますがそう言ったことは可能でしょうか。

画像指定のように

url[0] = "";
url[1] = "";

と画像Ｎｏとあわせるような形でＵＲＬを
指定できればと思っています。

自分なりにいろいろ調べてみたり、
試してみたのですが、リンクすら有効になりません。

もしよろしければご教授いただけましたら幸いです。

何卒よろしくお願い致します。

225

Re1:スクロールでのリンクについて by 管理人

2007/10/01 (Mon) 13:13

△up

res/edit

admin

はじめまして、管理人です。

このスクリプトでは、画像の上（画面に対する直交軸）方向に、左右への移動を開始させるための「透明レイヤー」が覆い被さっています。

このため、画像自体にリンク属性を付与しても、マウス操作は全て「透明レイヤー」の部分でキャッチされてしまうので、リンクを働かせることが出来ません。

この透明レイヤーを外して、左右へのスクロールは画像下のボタン操作のみ、とすれば、画像にリンクを持たせることは可能なのですが・・・。

あとは、マウスイベントの座標を取得して、その座標位置で左右のスクロールを制御するようにすれば、透明レイヤーを外しつつ、かつ、画像のスクロールとリンク付与を全て満たせるようになるかとは思うのですが、ちょっとそこまで作りこむのは時間が必要なので、気長にお待ちいただけるでしょうか。

226

Re2:スクロールでのリンクについて by 志穂

2007/10/01 (Mon) 13:52

△up

res/edit

管理人　様

はじめまして、とても迅速にレスをいただきまして
恐縮です。
ありがとうございます。

>このスクリプトでは、画像の上（画面に対する直交軸）方向に、左右への移動を開始させるための「透明レイヤー」が覆い被さっています。
>
>このため、画像自体にリンク属性を付与しても、マウス操作は全て「透明レイヤー」の部分でキャッチされてしまうので、リンクを働かせることが出来ません。
>
>この透明レイヤーを外して、左右へのスクロールは画像下のボタン操作のみ、とすれば、画像にリンクを持たせることは可能なのですが・・・。
>
>あとは、マウスイベントの座標を取得して、その座標位置で左右のスクロールを制御するようにすれば、透明レイヤーを外しつつ、かつ、画像のスクロールとリンク付与を全て満たせるようになるかとは思うのですが、ちょっとそこまで作りこむのは時間が必要なので、気長にお待ちいただけるでしょうか。

とても詳細にご説明いただきましてありがとうございます。
透明レイヤーの影響でクリックがきかないと言うこと、
それがあって画像上でスクロール操作ができると言うこと
よくわかりました。

いつまでも待ちますので
気が向いた時、本当にお手すきのときなど
ご考慮いただけましたらとても幸いです。

まことに恐縮ですがよろしくお願い致します。

お忙しい中、迅速なご回答ありがとうございました。

227

Re3:スクロールでのリンクについて by 管理人

2007/10/10 (Wed) 14:09

△up

url

res/edit

admin

お待たせいたしました。

イベント位置をキャプチャするスクリプトを組み込み、画像から他へのリンクを盛り込んだバージョンが出来上がりました。

http://homepage2.nifty.com/godakaz/laboratory/slideimg/slide_plus.html

ご確認ください。

228

Re4:スクロールでのリンクについて by 志穂

2007/10/11 (Thu) 03:21

△up

res/edit

管理人様

大変お世話になっております。
ご多忙な中、要望を聞いてくださり本当に感謝しています。
ありがとうございます。

>イベント位置をキャプチャするスクリプトを組み込み、画像から他へのリンクを盛り込んだバージョンが出来上がりました。
>
>http://homepage2.nifty.com/godakaz/laboratory/slideimg/slide_plus.html
>
>ご確認ください。

早速拝見させていただきました。
凄いです、理想どおりです。
こんなに早く作成していただけるとは思っておりませんでした。

早速ソースを参考にさせていただきながら
違いを比べながら勉強したいと思います。

前とあまり変わらずなのでとてもやりやすいです。
その中でも画像出力部分（以前よりすっきり）
スピードの部分、マウスの部分が特に変わっていますね。

自分の未熟な知識ではまだまだ到底できませんでしたので
とても助かりました。

お忙しい中のご対応
本当にありがとうございます。

ここまでが理想で、この完成度は他には無い仕組みですので
とても重宝させていただいております。

p.ink