Bevezető

Apró, böngésző független plugin, mellyel modális ablako(ka)t aktiválhatunk. A plugin nem egy teljes értékű lightbox klón, azonban az egyszerűbb feladatokra a kis mérete (1,75KB) miatt inkább ajánlott, mint nagyágyú rokonai.

Kód:

<link rel="stylesheet" type="text/css" href="Ide jön a reveal.css" />   <script type="text/javascript" src="Ide jön a jquery.js"></script>  <script type="text/javascript" src="Ide jön a jquery.reveal.js"></script></p>
<div class="content">
<div class="clearFix">&#160;</div>
<p><a data-reveal-id="modalisAblak" href="#">Példa</a></p>
<div class="reveal-modal" id="modalisAblak" style="opacity: 1; visibility: hidden; top: 100px;">
<h1>Modális ablak címe</h1>
<p>IDE ÍRHATOD A SZÖVEGED</p>
<a class="close-reveal-modal">x</a></div>
<div class="reveal-modal-bg" style="display: none; cursor: pointer;">&#160;</div>
<div class="clearFix">&#160;</div>
<div class="clearFix">&#160;</div>
</div>

File letöltések:

jquery.reveal.js

reveal.css

jquery-1.5.2.min.js

Teljes paraméterlista

• animation: a modális ablak megjelenítéséhez használt animáció ('fade' | 'fadeAndPop' |'none') (alapértelmezett: 'fadeAndPop')
• animationspeed: az animáció sebessége (alapértelmezett: 300)
• closeonbackgroundclick: az overlay területre klikkelésnél a modális ablak bezárásának engedélyezése/tiltása (true | false) (alapértelmezett: true)
• dismissmodalclass: bezárás gomb CSS szelektora (alapértelmezett: 'close-reveal-modal')

Demo:

Leírás: Sandalphon