Sayfa Yüklendiğinde Otomatik açılan ve Yatayda Ortalı Modal Örneği

 <script type="text/javascript">
        $(window).load(function () {
            $('#myModal').modal('show');
        });
    </script>
    <style type="text/css">
        .modal {
}
.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
}
.vertical-align-center {
    display: table-cell;
    vertical-align: middle;
}
.modal-content {
    width:inherit;
    height:inherit;
    margin: 0 auto;
}
    </style>




  <div  id="myModal" tabindex="-1" class="modal fade" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 <div class="vertical-alignment-helper">
         <div class="modal-dialog  modal-lg vertical-align-center">
    <!-- Modal content-->
    <div class="modal-content">
     
       <div >
            <button style="margin-top:-5px"  type="button" class="close" data-dismiss="modal"><img src="images/icon.png" /></button>
       </div>
        
 
      <div class="">
          <p><img style="width:100%;height:100%" src="images/welcome.jpg"/></p>
      </div>
      
    </div>
</div>
  </div>
</div>