No modo de tela inteira, o conteúdo cobre toda a página sobre uma máscara.
$render=explode(" ",$_POST['partial_render']);
$resposta='';
if($_POST['partial_render']=="galeria3"){
$resposta='
<div id="galeria3" tabindex="0" class="ui-galleria ui-widget ui-widget-content ui-corner-all" style="max-width: 850px">
<div class="ui-galleria-content">
<ul class="ui-galleria-items">
<li class="ui-galleria-item"><img src="/sistema/resource/demo/images/galleria/galleria1.jpg" alt="Descrição da Imagem 1" style="width: 100%; display: block" /></li>
<li class="ui-galleria-item"><img src="/sistema/resource/demo/images/galleria/galleria2.jpg" alt="Descrição da Imagem 2" style="width: 100%; display: block" /></li>
<li class="ui-galleria-item"><img src="/sistema/resource/demo/images/galleria/galleria3.jpg" alt="Descrição da Imagem 3" style="width: 100%; display: block" /></li>
<li class="ui-galleria-item"><img src="/sistema/resource/demo/images/galleria/galleria4.jpg" alt="Descrição da Imagem 4" style="width: 100%; display: block" /></li>
<li class="ui-galleria-item"><img src="/sistema/resource/demo/images/galleria/galleria5.jpg" alt="Descrição da Imagem 5" style="width: 100%; display: block" /></li>
<li class="ui-galleria-item"><img src="/sistema/resource/demo/images/galleria/galleria6.jpg" alt="Descrição da Imagem 6" style="width: 100%; display: block" /></li>
<li class="ui-galleria-item"><img src="/sistema/resource/demo/images/galleria/galleria7.jpg" alt="Descrição da Imagem 7" style="width: 100%; display: block" /></li>
<li class="ui-galleria-item"><img src="/sistema/resource/demo/images/galleria/galleria8.jpg" alt="Descrição da Imagem 8" style="width: 100%; display: block" /></li>
<li class="ui-galleria-item"><img src="/sistema/resource/demo/images/galleria/galleria9.jpg" alt="Descrição da Imagem 9" style="width: 100%; display: block" /></li>
<li class="ui-galleria-item"><img src="/sistema/resource/demo/images/galleria/galleria10.jpg" alt="Descrição da Imagem 10" style="width: 100%; display: block" /></li>
<li class="ui-galleria-item"><img src="/sistema/resource/demo/images/galleria/galleria11.jpg" alt="Descrição da Imagem 11" style="width: 100%; display: block" /></li>
<li class="ui-galleria-item"><img src="/sistema/resource/demo/images/galleria/galleria12.jpg" alt="Descrição da Imagem 12" style="width: 100%; display: block" /></li>
<li class="ui-galleria-item"><img src="/sistema/resource/demo/images/galleria/galleria13.jpg" alt="Descrição da Imagem 13" style="width: 100%; display: block" /></li>
<li class="ui-galleria-item"><img src="/sistema/resource/demo/images/galleria/galleria14.jpg" alt="Descrição da Imagem 14" style="width: 100%; display: block" /></li>
<li class="ui-galleria-item"><img src="/sistema/resource/demo/images/galleria/galleria15.jpg" alt="Descrição da Imagem 15" style="width: 100%; display: block" /></li>
</ul>
</div>
</div>
<script id="galeria3_s" type="text/javascript">
DinarteCoelho.cw("Galleria", "galleria3", {
id: "galeria3"
, activeIndex: '.$_POST['index'].'
, fullScreen: true
, numVisible: 7
, showThumbnails: false
, showItemNavigators: true
, circular: true
, responsiveOptions: [{
breakpoint: "1024px"
, numVisible: 5
, numScroll: 0
}, {
breakpoint: "768px"
, numVisible: 3
, numScroll: 0
}, {
breakpoint: "560px"
, numVisible: 1
, numScroll: 0
}]
});
</script>
';
}
rc = function () {
return dc.ab({
s: "formulario"
, f: "formulario"
, u: "galeria3"
, onco: function (xhr, status, args, data) {
DC('galleria3').show();
}
, pa: arguments[0]
});
};
dc.cw("Galleria", "galleria1", {
id: "galeria1"
, fullScreen: true
, numVisible: 9
, showItemNavigators: true
, circular: true
, responsiveOptions: [{
breakpoint: "1500px"
, numVisible: 5
, numScroll: 0
}, {
breakpoint: "1024px"
, numVisible: 3
, numScroll: 0
}, {
breakpoint: "768px"
, numVisible: 2
, numScroll: 0
}, {
breakpoint: "560px"
, numVisible: 1
, numScroll: 0
}]
});
dc.cw("CommandButton", "widget_BtnMostrar1", {
id: "BtnMostrar1"
});
dc.cw("Galleria", "galleria2", {
id: "galeria2"
, fullScreen: true
, numVisible: 7
, showThumbnails: false
, showItemNavigators: true
, circular: true
, responsiveOptions: [{
breakpoint: "1024px"
, numVisible: 5
, numScroll: 0
}, {
breakpoint: "768px"
, numVisible: 3
, numScroll: 0
}, {
breakpoint: "560px"
, numVisible: 1
, numScroll: 0
}]
});
dc.cw("CommandButton", "widget_BtnMostrar2", {
id: "BtnMostrar2"
});
dc.cw("Galleria", "galleria3", {
id: "galeria3"
, fullScreen: true
, numVisible: 7
, showThumbnails: false
, showItemNavigators: true
, circular: true
, responsiveOptions: [{
breakpoint: "1024px"
, numVisible: 5
, numScroll: 0
}, {
breakpoint: "768px"
, numVisible: 3
, numScroll: 0
}, {
breakpoint: "560px"
, numVisible: 1
, numScroll: 0
}]
});