0

iframe に WebGL のものがあります。一部の Web ブラウザーまたは古いコンピューターでは、iframe が読み込まれません。これが発生した場合、代わりに画像をロードしたいと思います。それは可能ですか、そうであればどうすればいいですか?

ありがとう

4

2 に答える 2

1

WebGLがサポートされているかどうかは、Javascriptで行うのと同じ方法でチェックするのがおそらく最善です。

WebGLRenderingContext gl = canvas.getContext("experimental-webgl")

if(!gl)
{
    $("#image").show()
}
于 2012-09-25T15:13:10.070 に答える
1

の問題<script>

まず、<script>タグ内に問題があるようです。タグ内にはプレーンな<center><iframe ...HTMLタグがあります<script>が、ここにはjavascriptしかないため、機能しません。;セミコロンが欠落しているものもあります。

WebGLを検出するためのソリューション:

これを試すこともできますが、私の答えの最後にあるリンクされたサイトをチェックすることもお勧めします。

?>
<script type="text/javascript">
if (!window.WebGLRenderingContext) {
    var myImage = new Image();
    myImage.src = "http://domain.tld/picture.jpg";
    $(myImage).prependTo(document.body);
} else {
    $(document.body).prepend('<center><iframe ALLOWTRANSPARENCY="true" frameborder="0" height="340" width="454" src="CORRECT THIS FIELD"></iframe></center>');
}
</script>
<?php

PHPを追加echosして属性を修正<iframe src="CORRECT THIS FIELD">し、画像のURLを実際に存在するものに設定します。

代わりにdocument.body、たとえば'#myWebGLArea'を使用してページに追加<div id="myWebGLArea"></div>することができます。

トピックの詳細:

https://gist.github.com/1709384および別のQ/ Ahttps: //stackoverflow.com/a/9904965/1338846でWebGL検出スクリプトも確認してください。

于 2012-09-25T17:43:28.563 に答える