jqueryのcolorboxを読込直後に開きたい

解決済

質問者：dragstarsp
質問日時：2010/12/14 03:04
回答数：2件

ある書籍に記載されていた、以下のサンプルがあります。

このサンプルは、画像をクリックすると、colorboxプラグインを使用して
モダルダイアログが開きます。

これを、ページを開いた直後（クリックせずに、自動的）に開きたいのです。

その方法をお教えいただけませんでしょうか。

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio …
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jQuery - colorbox plugin (Flash Video : Embedded)</title>
<link href="base.css" rel="stylesheet" type="text/css" />

<script src="../../scripts/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="jquery.colorbox-min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$('a.youtube').colorbox();
});
</script>
</head>
<body>

<p>
<a class='youtube' href="content/flash.htm"
title="Martin Luther King, Jr.'s last speech">
<img src="http://i4.ytimg.com/vi/o0FiCxZKuv8/default.jpg"
alt="YouTube (Embedded)" />
</a>
</p>

</body>
</html>

通報する

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

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： yamada_g
回答日時：2010/12/14 11:08

画面表示時にclickイベントも実行してしまうのはどうでしょうか。

$(function() {
$('a.youtube').colorbox();
$('a.youtube').click(); //追加
});

- 0
- 件

通報する

No.2

回答者： noname#137826
回答日時：2010/12/15 14:26

$('a.youtube').colorbox();

を

$('a.youtube').colorbox({open:true});

に変えればよいでしょう。(私がテストした限りでは自動的に開きました。)

# ColorBoxのサイト(参考URL)のInstructionの項に書いてあります。

参考URL：http://colorpowered.com/colorbox/