QDialog Demo

1. Simple dialog
2. Dialog with HTML
3. Dialog with IMAGE
4. Dialog with VIDEO
5. Dialog with IFRAME
6. Dialog with simple slider
7. And more...

Using without framework

<link href="qdialog/qdialog.css" rel="stylesheet">
<script src="qdialog/qdialog.utils.js"></script>
<script src="qdialog/qdialog.js"></script>
<script>
   function qdialog_HelloWorld() {
     var content = "Hello world!";
     Q.Dialog.open(content, {width:250});
   }
</script>
	

Using with jQuery

<script>
   function qdialog_HelloWorld() {
     // Q.Dialog.Cache coming soon...
     $("#dialog_content").load("/view/static-pages/login-form.html", function(r){
       Q.Dialog.open(r, {width:300});
     });
   }
</script>
	

Download