Bootstrap CustomBox bullet layer, bootstrapcustombox
This modal window plug-in is made using native javascript and can be perfectly combined with jQuery.
Note: These modal window animations only work on browsers that support their respective CSS3 attributes. Internet Explorer 8 and 9 require support from legacy. min. js, but no animation effect.
Online instance
Instance demo
Usage
<script> $(function () { $('#element').on('click', function ( e ) { Custombox.open({ target: '#modal', effect: 'fadein' }); e.preventDefault(); }); });</script>
Parameter Details
Name |
Type |
Property |
Description |
Target |
String |
Null |
Set the URL, ID or Class. |
Id |
String | number |
Null |
Set the ID for the modal. |
Cache |
Boolean |
False |
If set to false, it will force requested pages not to be cached by the browser only when send by AJAX. |
EscKey |
Boolean |
True |
Allows the user to close the modal when press escape key. |
ZIndex |
String | number |
Auto |
Overlay z-index: Auto or number. |
Overlay |
Boolean |
True |
Show the overlay. |
OverlayColor |
String |
#000 |
Overlay color. |
OverlayOpacity |
Number |
0.8 |
The overlay opacity level. Range: 0 to 1. |
OverlayClose |
Boolean |
True |
Allows the user to close the modal by clicking the overlay. |
OverlaySpeed |
Number |
300 |
Sets the speed of the overlay, in milliseconds. |
OverlayEffect |
String |
Auto |
Combine any of the effects. |
Width |
Number | null |
Null |
Set a fixed total width. |
Effect |
String |
Fadein |
Fadein | slide | newspaper | fall | sidefall | blur | flip | sign | superscaled | slit | rotate | letmein | makeway | slip | corner | slidetogether | scale | door | push | contentscale. |
Position |
String |
Center, center |
Set position of modal. First position 'X': left, center and right. Second position 'y': top, center, bottom. |
Animation |
String | null |
Null |
Only with effects: slide or rotate (top, right, bottom, left and center) and flip (vertical or horizontal). Output position separated by commas. |
Speed |
Number |
600 |
Sets the speed of the transitions, in milliseconds. |
Download