27 lines
683 B
HTML
27 lines
683 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<title>Fancybox Simple Example</title>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" media="screen">
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script>
|
|
</head>
|
|
|
|
<body>
|
|
<h1>This is my wordpress project</h1>
|
|
|
|
<a href="./assets/image/man.png"
|
|
rel="lightbox"
|
|
id="popup"
|
|
style="display:none">popup image</a>
|
|
</body>
|
|
|
|
<script>
|
|
$(document).ready(function(){
|
|
$("#popup").fancybox().trigger('click');
|
|
});
|
|
</script>
|
|
|
|
</html>
|