Shulou(Shulou.com)06/02 Report--

This article mainly explains "what is the effect of using the lightbox plug-in". The content of the article is simple and clear, and it is easy to learn and understand. Please follow the editor's train of thought to study and learn "what is the effect of using the lightbox plug-in"?

Slick-lightbox.js is a responsive pop-up lightbox plug-in based on slick.js and jquery. The jquerylightbox plug-in supports lazy loading of pictures, keyboard interaction, html5HistoryAPI and so on. It's very powerful.

The effect of Lightbox

The effect of Lightbox is similar to the logout / shutdown dialog box of the WinXP operating system, except for the dialog box in the center of the screen, other areas gradually fade out to silver gray to increase contrast, at this time except for the form controls in the dialog box, no other area can get focus.

The role of Lightbox is equivalent to "ModalDialog", which was previously only supported in IE; now window.open (url,name, "modal=yes") is also available in FireFox.

To achieve the same effect. Use "ModalDialog" to restrict the user's actions to the pop-up dialog box, which will not be closed until the set action is completed. In some logic-sensitive applications, it is forced to attract the attention of users to prevent misoperation of users from causing confusion of program logic.

In fact, Lightbox is not new. Before Ajax was born the year before last, it appeared under the name "InlinePopup". The reason for its birth is that the technology of shielding pop-up windows has been adopted by browsers, and there is not a unified Popup solution among browser manufacturers. At that time, I remember there were reports that "InlinePopup" had cracked the pop-up window.

The Origin of Lightbox

"InlinePopup" is not noticed by many people, but I still find that this effect is widely used when the revision of 163mailboxes in China is launched. When Ajax got its name right, "InlinePopup" was reinstalled and changed to an aesthetic name "Lightbox".

LightboxJS was first used by its author LokeshDhakar to enlarge and display the picture to cover the current page. It uses CSS to define the picture container and uses a translucent png picture to achieve the effect of gradual dimming. It is quite easy to use:

1. Load lightbox.js

two。 Add a rel= "lightbox" attribute to the picture link. Such as:

Image#1

Thank you for your reading, the above is the content of "what is the effect of using the lightbox plug-in", after the study of this article, I believe you have a deeper understanding of the effect of using the lightbox plug-in, and the specific use needs to be verified in practice. Here is, the editor will push for you more related knowledge points of the article, welcome to follow!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.