カラーボックスを使用して、iframeに外部ページを読み込みます。ページが読み込まれると、読み込み中のGIFが表示されます。これまでのところすべてが良いです:)
ページが読み込まれると、送信ボタンのあるフォームが表示されます。ボタンをクリックすると、2番目のページが同じiframeに読み込まれます。これはすべて正常に機能しますが、2番目の外部ページの読み込み中に読み込み中のGIFが表示されない点が異なります。
送信ボタンをクリックしたときにこれを表示して、ページが読み込まれたら再び非表示にする方法はありますか？
動作の違いの理由は次のとおりです。iframe の最初の読み込みは、スピナーを表示するコードを含む ColorBox によって実行されます。2 番目のイベントは送信ボタンによってトリガーされる (と思われます) ため、ColorBox プラグインは呼び出されません。
これは厳密には ColorBox に関する質問ではありませんが、プラグインのコードを調べて、スピナーを表示する手法を再利用できるかどうかを確認することをお勧めします。ちょっとした考え。
いずれにしても、スピナーの表示とイベントのタイミングを処理するには、JavaScript が必要になる可能性があります。