これは、誰かが私を正しい方向に向けてくれることを望んでいるので、コードに関する質問ではありません。
現在、ページの送信時にアニメーション gif をポップアップする送信があります (データベースへの書き込みには数秒かかるため、これを使用して、サイトが凍結されていないことをユーザーに知らせます)。私が望むのは、そのアニメーションGIFがモーダルでポップアップして、少しスキンできるようにすることです...（アニメーションGIFがボックスの中央に配置された、幅100％の高さ約200pxのモーダルボックスが必要です） .
いくつかのモーダル スクリプトを試してみましたが、うまくいきませんでした。 基本的にモーダル ボックスのスキンをカスタマイズし、その上にアニメーション GIF をポップアップさせる機能の経験や運がある人はいますか?
これが私が現在コードに使用しているものです。これはモーダルではありませんが、ユーザーが送信ボタンをクリックするとアニメーション gif がポップアップするという点で機能しています。しかし、背景を暗くし、前景をスキンする必要があるため、これを使用する必要があるのはモーダルだと思います...
<!-- SPINNER CODE BEGIN -->
<div id="spinner" class="spinner" style="display:none;">
<img id="img-spinner" src="_assets/img/spin_lg.gif" alt="Loading"/>
</div>
<style type="text/css">
.spinner {
position: fixed;
top: 50%;
left: 50%;
margin-left: -100px; /* half width of the spinner gif */
margin-top: -100px; /* half height of the spinner gif */
text-align:center;
z-index:1234;
overflow: hidden;
width: 200px; /* width of the spinner gif */
height: 202px; /*hight of the spinner gif +2px to fix IE8 issue */
}
</style>
<script type="text/javascript">
$(document).ready(function(){
$('#proceedForm').click(function() {
$('#spinner').show();
});
});
</script>
<!-- SPINNER CODE END -->