待機グラフィックのカスタマイズ

次のサンプル・コントローラ・ファイルは、ネットワーク遅延によりレンダリングが遅延している場合に表示される待機グラフィックをカスタマイズします。

注:

このサンプルでは、レンダリング中に個別のリクエストを受けるかわりにイメージのデータURLが使用されます。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="initial-scale=1">
<script type="text/javascript">
var SCS = { sitePrefix: '/SampleSite/' };
</script>
<script src="/SampleSite/_sitesclouddelivery/renderer/controller.js"></script>
</head>
<body id="scsControllerBody"><noscript>This site requires JavaScript to be enabled.</noscript>
<img id="scsWaitImage" style="display: none; margin-top: 5%; margin-left: auto; margin-right: auto;" src="data:image/gif;base64,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"/>
</body></html>