Witam,
znalazłem w sieci poniższy przykład:
index.html
<!DOCTYPE html>
<meta name='author' content='Eric Martin' /> <meta name='copyright' content='2013 - Eric Martin' />
<!-- Page styles -->
<link type='text/css' href='css/demo.css' rel='stylesheet' media='screen' />
<!-- Contact Form CSS files -->
<link type='text/css' href='css/basic.css' rel='stylesheet' media='screen' />
<!-- IE6 "fix" for the close png image -->
<!--[if lt IE 7]>
<link type='text/css' href='css/basic_ie.css' rel='stylesheet' media='screen' />
<![endif]-->
<!-- JS files are loaded at the bottom of the page -->
<span class='title'>A Modal Dialog Framework Plugin for jQuery
</span> <h3>Basic Modal Dialog
</h3> <p>A basic modal dialog with minimal styling and no additional options. There are a few CSS properties set internally by SimpleModal, however, SimpleModal relies mostly on style options and/or external CSS for the look and feel.
</p> <input type='button' name='basic' value='Demo' class='basic'/> or
<a href='#' class='basic'>Demo
</a>
<!-- modal content -->
<div id="basic-modal-content"> <h3>Basic Modal Dialog
</h3> <p>For this demo, SimpleModal is using this "hidden" data for its content. You can also populate the modal dialog with an AJAX response, standard HTML or DOM element(s).
</p> <p><code>$('#basicModalContent').modal(); // jQuery object - this demo
</code></p> <p><code>$.modal(document.getElementById('basicModalContent')); // DOM
</code></p> <p><code>$.modal('
<p
><b
>HTML
</b
> elements
</p
>'); // HTML
</code></p> <p><code>$('
<div
></div
>').load('page.html').modal(); // AJAX
</code></p>
<p><a href='http://www.ericmmartin.com/projects/simplemodal/'>More details...
</a></p>
<!-- preload the images -->
<div style='display:none'> <img src='img/basic/x.png' alt='' /> © 2013
<a href='http://www.ericmmartin.com/'>Eric Martin
</a><br/> <a href='https://github.com/ericmmartin/simplemodal'>SimpleModal on GitHub
</a><br/> <a href='http://twitter.com/ericmmartin'>@ericmmartin
</a> |
<a href='http://twitter.com/simplemodal'>@simplemodal
</a> <!-- Load jQuery, SimpleModal and Basic JS files -->
<script type='text/javascript' src='js/jquery.simplemodal.js'></script>
basic.css
/*
* SimpleModal Basic Modal Dialog
*
<a href="http://simplemodal.com" target="_blank">http://simplemodal.com
</a> *
* Copyright (c) 2013 Eric Martin -
<a href="http://ericmmartin.com" target="_blank">http://ericmmartin.com
</a> *
* Licensed under the MIT license:
*
<a href="http://www.opensource.org/licenses/mit-license.php" target="_blank">http://www.opensource.org/licenses/mit-license.php
</a> */
#basic-modal-content {display:none;}
/* Overlay */
#simplemodal-overlay {background-color:#000;}
/* Container */
#simplemodal-container {height:360px; width:600px; color:#bbb; background-color:#333; border:4px solid #444; padding:12px;}
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(../img/basic/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container h3 {color:#84b8d9;}
jak zrobić aby modal owierał się automatycznie po wejściu na stronę www (lub po jakimś czasie)? Teraz trzeba nacisnąć przycisk, a tak bym nie chciał. Proszę o pomoc.
[HTML]popup po wejściu na stronę
krzesik [HTML]popup po wejściu na stronę 17.10.2014, 10:02:31 
