lightboxの自動実行

締切済

質問者：imagic
質問日時：2007/02/08 13:03
回答数：4件

はじめまして。

サムネールをクリックすると同一ウィンドウ上に画像を表示するという Lightbox JSを用いて以下の動作をさせたいと考えています。

１．ページを読み込んだ時に自動でLightbox JSでイメージ（ロゴ等）を表示
２．イメージをクリックで通常のサイトに戻る

最初、onloadでクリックイベントを指定すればいいのかなと思い、
以下のようにしました。

***
(JavaScript)

window.onload = function() {
document.links[0].click();
};

(html)
<a href="XXX.gif" ref="lightbox"></a>
***

しかしこれでは、IEではただイメージに自動で遷移するだけ、
FirefoxではJavaScriptの以下のエラーが出て動作しません。
(そもそもclickイベントはアンカーには指定できない？)

では、クリックされたときに実行されるイベントをonloadしたときに実行するように書けばいいのかと思いましたが、
どれを実行させればよいのか、またどのように書けばいいのかがわかりません。

ご存知の方、ご教授いただければ幸いです。

（言葉足らずでご理解いただけない場合は申し訳ありません。
ご指摘ください。）

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (4件)

最新から表示
回答順に表示

No.4

回答者： masaota56
回答日時：2007/03/18 20:10

これでできましたよ

window.onload = function() {
initLightbox();
myLightbox.start(document.links[0]);
};

もう遅いかもしれませんが・・

- 1
- 件

通報する

No.3

回答者： NTJ
回答日時：2007/02/08 23:24

ん～、問題のライブラリを拾ってきて観察してみました。

コレは、 ref="lightbox" を指定されたAリンクに、全自動でonclick()イベント処理を付与するタイプのライブラリのようですね。

従って、憶測ですが単純に、自作されたJavaScript部分を削除するだけで宜しいのではないでしょうか？

もちろん、HTMLソースに
<script type="text/javascript" src="lightbox.js"></script>
と
<link rel="stylesheet" href="lightbox.css" type="text/css" />
の記述が有ることは大前提ですが（＾＾；

この回答への補足

NTJ様

ご回答ありがとうございます。

該当のJSは仰るとおりのライブラリです。

まず、lightboxのjsファイルとcssファイルは、外部ファイルとして正しく動作しています。
普通にアンカーをクリックすると、動作します。

ご指摘のように自作JavaScript部分を削除してしまうと、
本来の目的である自動実行が達成されないかと思います。
ちなみに、自作部分は正しい記述ができていますでしょうか？
（ちょっと自信がありません^^;）

アンカーの自動クリック（.click()）を単に書けばいいのかなと思っていたんですけど。。。

良い方法がありましたら教えていただければ幸いです。

補足日時：2007/02/09 00:27

通報する

- 0
- 件

通報する

No.2

回答者： PED02744
回答日時：2007/02/08 16:36

http://www.koikikukan.com/archives/2006/01/13-23 …

lightbox JS を知らないのですが、検索したらこんなのがヒットしましたが、
役に立ちますか？

この回答への補足

PED02744様

ご回答ありがとうございます。

使用しているのはリンク先にも紹介されているlightboxです。
ただし、バージョンは2.02（紹介されているものは1.0）を使用しています。

カスタマイズをされている方々もいらっしゃいますが、
私にはそこまでのスキルがなく…

皆様のお力をおかりできたらなと思います。

補足日時：2007/02/08 17:26

通報する

- 0
- 件

通報する

No.1

回答者： masaota56
回答日時：2007/02/08 14:13

***

(JavaScript)

function onl() {
document.links[0].click();
};

<html>
<body onload="onl()">
<a href="XXX.gif" ref="lightbox"></a>
***

では無理でしょうか？

この回答への補足

masaota56様

早速のご回答ありがとうございます。

教えていただいた方法では試してみたのですが、
以下の様になってしまいます。
[Firerfox]
エラーコンソールで以下のエラーが表示されます。

document.links[0].click() is not a function

[IE]

JavaScriptのエラーは出ていない(確認方法がわからず>ie7)ようですが、
拡大表示させるイメージに画面自体が遷移してしまいます。

動作環境をご提供できればよいのですが、都合によりお見せできなくて申し訳ありません。

lightboxを自動実行することが目的ですので、
アンカータグの自動クリックでうまくいかなければ、
直接lightbox JSをいじろうと思っています。
その場合もどの部分を変更すればよいのか…

またアドバイスをいただければ幸いです。

よろしくお願いいたします。