Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <title>
- Prime UI Dialog Sample
- </title>
- <link rel="stylesheet" href="theme.css" />
- <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />
- <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" />
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/primeui/4.1.15/primeui.min.css" />
- <script type="text/javascript" src="https://code.jquery.com/jquery-3.1.1.js"></script>
- <script type="text/javascript" src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script>
- <script type="text/javascript" src="primeui.js"></script>
- <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/x-tag/1.5.11/x-tag-core.min.js"></script>
- <script type="text/javascript" src="primeelements.min.js"></script>
- <script>
- $(function() {
- $('#images').puilightbox();
- });
- </script>
- </head>
- <body>
- <div id="images">
- <a href="https://upload.wikimedia.org/wikipedia/commons/thumb/8/8f/Elaborate_ironwork_galleries_on_the_corner_of_Royal_and_St._Peter_streets_New_Orleans.jpg/1280px-Elaborate_ironwork_galleries_on_the_corner_of_Royal_and_St._Peter_streets_New_Orleans.jpg">
- <img style="width: 240px;" src="https://upload.wikimedia.org/wikipedia/commons/thumb/8/8f/Elaborate_ironwork_galleries_on_the_corner_of_Royal_and_St._Peter_streets_New_Orleans.jpg/1280px-Elaborate_ironwork_galleries_on_the_corner_of_Royal_and_St._Peter_streets_New_Orleans.jpg" alt="The French Quarter 1" />
- </a>
- <a href="https://upload.wikimedia.org/wikipedia/commons/b/b2/French_Quarter_example_of_late_18th-century_Spanish_architecture_built_after_the_Great_Fires_of_1788_and_1794.jpg">
- <img style="width: 240px;" src="https://upload.wikimedia.org/wikipedia/commons/b/b2/French_Quarter_example_of_late_18th-century_Spanish_architecture_built_after_the_Great_Fires_of_1788_and_1794.jpg" alt="The French Quarter 2" />
- </a>
- </div>
- </body>
- </html>
Add Comment
Please, Sign In to add comment