おしゃれなモーダルウィンドウを実装出来る「SIMPLE MODAL」をページ表示時に実行する方法

クールなモーダルウィンドウを簡単に設置出来るJavaScript「SIMPLE MODAL」をページ表示時に実行する方法。

window.addEvent("domready", function(){
	/* Modal Image */
	var SM = new SimpleModal({
		"onAppend":function(event){
			$("simple-modal").fade("hide").fade("in")
		}
	});

	SM.show({
		"model":"modal-ajax",
		"title":"Modal Lightbox",
		"param":{
		"url":"assets/images/lightbox.jpg",
		"onRequestComplete": function(){ }
		}
	});
});

今回はMODAL-IMAGEでページ表示時にモーダルウィンドウを実行してみました。

サンプルの以下の部分を、

$("myElement").addEvent("click", function(){}

以下のように修正しました。

window.addEvent("domready", function(){}

ほかのサンプルも同様で実行すると思います。

クッキー操作すると、モーダルウィンドウを一度表示させたら二度目は表示させないといったこともできると思います。

お気軽にコメントをどうぞ

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください