Sayfada 1 kere gözükecek popup | Cevap #9087

<div id="popup" role="dialog" style=" display: block;" aria-hidden="true" class="modal fade show"> <div class="modal-dialog modal-lg modal-dialog-centered"> <div tabindex="-1" role="document" class="modal-content"> <div class="modal-body"> <img src="assets/img/popup/138d3f1c-fd58-46d4-ac72-082cc6c2c9d6.jpg" style=" width: auto; max-height: calc(100vh - 90px); text-align: center; margin: auto; display: block;"> </div> <div class="modal-footer"> <button type="button" - aria-label="Close" class="close">Kapat</button> </div> </div> </div> </div>

<div class="modal fade show" id="popup"  role="dialog"  aria-hidden="true" style="margin-top: 150px;">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
          <div class="modal-body">
            <img src="assets/img/popup/138d3f1c-fd58-46d4-ac72-082cc6c2c9d6.jpg" style="    width: auto;
    max-height: calc(100vh - 90px);
    text-align: center;
    margin: auto;
    display: block;">
          </div>
          <div class="modal-footer">
              <button type="button" onclick="jQuery('#popup').removeClass('show')" class="close">Kapat</button>
          </div>
        </div>
      </div>
    </div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
   <script>
              $(function(){
                $("#popup").dialog({
                    autoOpen:true,
                });
            })
</script>