Steps 1 to Create Dynamic Popups JS
<script src=”https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js”></script>
<script>window.addEventListener('DOMContentLoaded', function() {
$(document).ready(function(){
$(“.pop1img”).click(function(){
$(“.pop1”).show();
});
});
$(document).ready(function(){
$(“.close”).click(function(){
$(“.pop1”).hide();
})
});
});</script>
Steps 2 to Create Dynamic Popups CSS
.pop1{
display:none;
}
.pop1img {
cursor: pointer;
}
.close{
cursor: pointer;
transition: width .6s, height .6s, transform .3s;
}
.close:hover {
transform: rotate(-45deg);
}
