Hello, I'm working on a project where I need to create 10 different iframes and when creating more than 5 iframes I get this error: Graphics context lost!
This error only it happens on ios.
If I have 4 iframes, no problem.
I would really appreciate some help, to help me optimize the code and allow the creation of multiple iframes.
Code
<layer name="iframelazer01" style="iframeBase" >
<layer name="iMenu001" style="iframeMenu" >
<layer name="iBack001" style="iframeTextTitle" />
<layer name="iArrow01" style="iframeArrowBack" />
<layer name="iText001" html="Planta da Área de Lazer 01" type="text" style="iframe_texto" visible="true" zorder="6" align="center" scale="1" x="0" y="0" onclick="close_iframe();" /> </layer>
<layer name="iView001" type="iframe" iframeurl="https://smartcitybr.s3.amazonaws.com/projetos/SC/BCamboriu/FG/Imperium/plantas/Lazer01/index.html" visible="true" keep="true" zorder="7" align="center" width="100%" height="100%" x="0" y="0" />
</layer>
<action name="open_iframe_lazer01" scope="local" >
iframe_Global();
set(layer[iframelazer01].visible, true);
Closebuttons();
</action>
<layer name="iframelazer02" style="iframeBase" >
<layer name="iMenu002" style="iframeMenu" >
<layer name="iBack002" style="iframeTextTitle" />
<layer name="iArrow02" style="iframeArrowBack" />
<layer name="iText002" html="Planta da Área de Lazer 02" type="text" style="iframe_texto" visible="true" zorder="6" align="center" scale="1" x="0" y="0" onclick="close_iframe();" /> </layer>
<layer name="iView002" type="iframe" iframeurl="https://smartcitybr.s3.amazonaws.com/projetos/SC/BCamboriu/FG/Imperium/plantas/Lazer02/index.html" visible="true" keep="true" zorder="7" align="center" width="100%" height="100%" x="0" y="0" />
</layer>
<action name="open_iframe_lazer02" scope="local" >
iframe_Global();
set(layer[iframelazer02].visible, true);
Closebuttons();
</action>
<layer name="iframeDif01" style="iframeBase" >
<layer name="iMenu003" style="iframeMenu" >
<layer name="iBack003" style="iframeTextTitle" />
<layer name="iArrow03" style="iframeArrowBack" />
<layer name="iText003" html="Planta do Diferenciado 01" type="text" style="iframe_texto" visible="true" zorder="6" align="center" scale="1" x="0" y="0" onclick="close_iframe();" /> </layer>
<layer name="iView003" type="iframe" iframeurl="https://smartcitybr.s3.amazonaws.com/projetos/SC/BCamboriu/FG/Imperium/plantas/DIFERENCIADO_MASTER_I/index.html" visible="true" keep="true" zorder="7" align="center" width="100%" height="100%" x="0" y="0" />
</layer>
<action name="open_iframe_Dif01" scope="local" >
iframe_Global();
set(layer[iframeDif01].visible, true);
Closebuttons();
</action>
<layer name="iframeDif02" style="iframeBase" >
<layer name="iMenu004" style="iframeMenu" >
<layer name="iBack004" style="iframeTextTitle" />
<layer name="iArrow04" style="iframeArrowBack" />
<layer name="iText004" html="Planta do Diferenciado 02" type="text" style="iframe_texto" visible="true" zorder="6" align="center" scale="1" x="0" y="0" onclick="close_iframe();" /> </layer>
<layer name="iView004" type="iframe" iframeurl="https://smartcitybr.s3.amazonaws.com/projetos/SC/BCamboriu/FG/Imperium/plantas/DIFERENCIADO_MASTER_II/index.html" visible="true" keep="true" zorder="7" align="center" width="100%" height="100%" x="0" y="0" />
</layer>
<action name="open_iframe_Dif02" scope="local" >
iframe_Global();
set(layer[iframeDif02].visible, true);
Closebuttons();
</action>
<layer name="iframeTipo01" style="iframeBase" >
<layer name="iMenu005" style="iframeMenu" >
<layer name="iBack005" style="iframeTextTitle" />
<layer name="iArrow05" style="iframeArrowBack" />
<layer name="iText005" html="Planta do Tipo 01" type="text" style="iframe_texto" visible="true" zorder="6" align="center" scale="1" x="0" y="0" onclick="close_iframe();" /> </layer>
<layer name="iView005" type="iframe" iframeurl="https://smartcitybr.s3.amazonaws.com/projetos/SC/BCamboriu/FG/Imperium/plantas/TIPO_1/index.html" visible="true" keep="true" zorder="7" align="center" width="100%" height="100%" x="0" y="0" />
</layer>
<action name="open_iframe_Tipo01" scope="local" >
iframe_Global();
set(layer[iframeTipo01].visible, true);
Closebuttons();
</action>
<!-- -->
<layer name="iframe2101" style="iframeBase" >
<layer name="iMenu00159" style="iframeMenu" >
<layer name="iBack00159" style="iframeTextTitle" />
<layer name="iArrow0159" style="iframeArrowBack" />
<layer name="iText00159" html="Apartamento Tipo - 21° Pavimento" type="text" style="iframe_texto" visible="true" zorder="6" align="center" scale="1" x="0" y="0" onclick="close_iframe();" /> </layer>
<layer name="iView00159" type="iframe" iframeurl="https://smartcitybr.s3.amazonaws.com/projetos/SC/BCamboriu/FG/Imperium/360_internas/index.html?fn=drone01" visible="true" keep="true" zorder="7" align="center" width="100%" height="100%" x="0" y="0" />
</layer>
<action name="open_iframe_2101" scope="local" >
iframe_Global();
set(layer[iframe2101].visible, true);
Closebuttons();
</action>
<action name="iframe_Global" scope="local" >
set(layer[icon].visible, false);
close_modal();
</action>
<action name="close_iframe" scope="local" >
tween(view.fov, get(xml.view.fov), 1, easeOutQuad);
tween(layer[icon].alpha, 1); set(layer[icon ].visible, true);
set(layer[iframelazer01].visible, false);
set(layer[iframe2101].visible, false);
set(layer[iframelazer02].visible, false);
set(layer[iframeDif01].visible, false);
set(layer[iframeDif02].visible, false);
set(layer[iframeTipo01].visible, false);
</action>
<style name="iframeBase"
type="container" maskchildren="false" enabled="true" zorder="10000"
keep="true" bgcolor="0xffffff" bgalpha="1" visible="false" bgborder="0" bgroundedge="10" bgshadow="0 4 10 0x000000 0.5"
align="center" x="0" y="0" width="100%" height="100%" bgcapture="true" onclick="close_modal();"
/>
<style name="iframeMenu"
type="container" maskchildren="true" zorder="101" keep="true" bgcolor="0xffffff" bgalpha="1" bgborder="0"
bgroundedge="0" align="centertop" x="0" y="0" width="100%" height="50" bgshadow="0 4 10 0x000000 0.5"
bgcapture="true" onclick="close_iframe();"
/>
<style name="iframeTextTitle"
type="text" style="iframe_texto" html="voltar" zorder="6" align="left" scale="1" x="60" y="0"
devices="desktop|tablet" onclick="close_iframe();"
/>
<style name="iframeArrowBack"
type="image" url="arrow.svg" zorder="7" align="left" rotate="-180" width="50" height="prop" x="70" y="0" onclick="close_iframe();"
/>
<style name="iframe_texto" align="left" vcenter="true" visible="true"
padding="10" bg="false" capture="false" zoom="true" bgalpha="0" distorted="true"
css="text-align: right; font-size:18px; font-weight:200; line-height: 1.5;" onclick="ViewSpot();" />