| 21
| <![CDATA[<nav class="navbar navbar-expand-md fixed-top navbar-dark bg-dark" style="background-color: #1b581b!important;background-color: #2a962a!important; border-bottom: 3px solid #6f750a; box-shadow: 0px 3px #ffd500; padding: .16rem 0rem;">
<div class="container" >
<a class="navbar-brand" href="index.php" style="margin-left:4px"><img src="img/logoEscolaT.png" style=" height: 35px; border-radius: 4px;padding: 0px;" /> <span style="font-size:17px;color: #ffd500">ESCOLA DO LEGISLATIVO</span></a>
<div class="collapse navbar-collapse" id="navbarsExampleDefault">
<div class="mensagemMeio" style="text-align:left; width:30%;color: #ffd500"></div>
</div>
</div>
</nav>]]>
|
| 23
| <![CDATA[<a class="navbar-brand" href="index.php" style="margin-left:4px"><img src="img/logoEscolaT.png" style=" height: 35px; border-radius: 4px;padding: 0px;" /> <span style="font-size:17px;color: #ffd500">ESCOLA DO LEGISLATIVO</span></a>]]>
|
| 23
| <![CDATA[<img src="img/logoEscolaT.png" style=" height: 35px; border-radius: 4px;padding: 0px;" />]]>
|
| 23
| <![CDATA[<span style="font-size:17px;color: #ffd500">ESCOLA DO LEGISLATIVO</span>]]>
|
| 25
| <![CDATA[<div class="mensagemMeio" style="text-align:left; width:30%;color: #ffd500"></div>]]>
|
| 30
| <![CDATA[<nav class="navbar navbar-expand-lg navbar-light bg-light" style="padding: 0px;
margin-top: -19px;">
<div class="container" style=" margin-top: 5px;">
<a class="navbar-brand" href="#"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample07" aria-controls="navbarsExample07" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<!-- menu superior -->
<div class="collapse navbar-collapse" id="navbarsExample07">
<ul class="navbar-nav mr-auto"> <li class="nav-item">
<a class="nav-link" href="conteudo.php?idMenu=2" style="color: gray;">Missão</a>
</li> <li class="nav-item">
<a class="nav-link" href="conteudo.php?idMenu=1" style="color: gray;">A Escola</a>
</li> <li class="nav-item">
<a class="nav-link" href="conteudo.php?idMenu=3" style="color: gray;">Visão</a>
</li> <li class="nav-item">
<a class="nav-link" href="conteudo.php?idMenu=6" style="color: gray;">Equipe</a>
</li> <li class="nav-item">
<a class="nav-link" href="index.php?idMenu=7" style="color: gray;">Espaço do Aluno</a>
</li> <li class="nav-item">
<a class="nav-link" href="cursos.php?idMenu=9" style="color: gray;">Cursos</a>
</li> <li class="nav-item">
<a class="nav-link" href="noticias.php?idMenu=5" style="color: gray;">Notícias</a>
</li> <li class="nav-item">
<a class="nav-link" href="faleconosco.php?idMenu=8" style="color: gray;">Fale Conosco</a>
</li> <li class="nav-item">
<a class="nav-link" href="http://alepi.pi.gov.br/escolaadm/upload/EscolaLegislativoALEPI-Relatorioatividades2018.pdf?idMenu=17" style="color: gray;">Relatório de atividades 2018</a>
</li> </ul>
</div>
<!-- menu superior / -->
</div>
</div>
</nav>]]>
|
| 32
| <![CDATA[<div class="container" style=" margin-top: 5px;">
<a class="navbar-brand" href="#"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample07" aria-controls="navbarsExample07" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<!-- menu superior -->
<div class="collapse navbar-collapse" id="navbarsExample07">
<ul class="navbar-nav mr-auto"> <li class="nav-item">
<a class="nav-link" href="conteudo.php?idMenu=2" style="color: gray;">Missão</a>
</li> <li class="nav-item">
<a class="nav-link" href="conteudo.php?idMenu=1" style="color: gray;">A Escola</a>
</li> <li class="nav-item">
<a class="nav-link" href="conteudo.php?idMenu=3" style="color: gray;">Visão</a>
</li> <li class="nav-item">
<a class="nav-link" href="conteudo.php?idMenu=6" style="color: gray;">Equipe</a>
</li> <li class="nav-item">
<a class="nav-link" href="index.php?idMenu=7" style="color: gray;">Espaço do Aluno</a>
</li> <li class="nav-item">
<a class="nav-link" href="cursos.php?idMenu=9" style="color: gray;">Cursos</a>
</li> <li class="nav-item">
<a class="nav-link" href="noticias.php?idMenu=5" style="color: gray;">Notícias</a>
</li> <li class="nav-item">
<a class="nav-link" href="faleconosco.php?idMenu=8" style="color: gray;">Fale Conosco</a>
</li> <li class="nav-item">
<a class="nav-link" href="http://alepi.pi.gov.br/escolaadm/upload/EscolaLegislativoALEPI-Relatorioatividades2018.pdf?idMenu=17" style="color: gray;">Relatório de atividades 2018</a>
</li> </ul>
</div>
<!-- menu superior / -->
</div>]]>
|
| 40
| <![CDATA[<a class="nav-link" href="conteudo.php?idMenu=2" style="color: gray;">Missão</a>]]>
|
| 42
| <![CDATA[<a class="nav-link" href="conteudo.php?idMenu=1" style="color: gray;">A Escola</a>]]>
|
| 44
| <![CDATA[<a class="nav-link" href="conteudo.php?idMenu=3" style="color: gray;">Visão</a>]]>
|
| 46
| <![CDATA[<a class="nav-link" href="conteudo.php?idMenu=6" style="color: gray;">Equipe</a>]]>
|
| 48
| <![CDATA[<a class="nav-link" href="index.php?idMenu=7" style="color: gray;">Espaço do Aluno</a>]]>
|
| 50
| <![CDATA[<a class="nav-link" href="cursos.php?idMenu=9" style="color: gray;">Cursos</a>]]>
|
| 52
| <![CDATA[<a class="nav-link" href="noticias.php?idMenu=5" style="color: gray;">Notícias</a>]]>
|
| 54
| <![CDATA[<a class="nav-link" href="faleconosco.php?idMenu=8" style="color: gray;">Fale Conosco</a>]]>
|
| 56
| <![CDATA[<a class="nav-link" href="http://alepi.pi.gov.br/escolaadm/upload/EscolaLegislativoALEPI-Relatorioatividades2018.pdf?idMenu=17" style="color: gray;">Relatório de atividades 2018</a>]]>
|
| 63
| <![CDATA[<hr style=" margin-top: 0px; margin-bottom: 5px;" />]]>
|
| 71
| <![CDATA[<p class="float-right d-md-none" style="text-align:right;width:100%">
<button type="button" class="btn btn-primary btn-sm" data-toggle="offcanvas">Links</button>
</p>]]>
|
| 84
| <![CDATA[<small style="font-size: 60%;">07/04/2016 17:34</small>]]>
|
| 87
| <![CDATA[<img style="float:left" src="../escolaadm/upload/mediomarcio_trigo971460061659.jpg" class="col-md-5 col-sm-12" />]]>
|
| 88
| <![CDATA[<p style="text-align: justify;"> ;</p>]]>
|
| 89
| <![CDATA[<p style="text-align: justify;"><span style="font-size: small;"><span style="font-size: medium;">O diretor global Márcio Trigo vai estar em Teresina no mês de agosto, em data a ser definida, para ministrar o curso “Roteiro, da ideia ao projeto”, nos turnos manhã e tarde, na Escola do Legislativo. A inscrição já pode ser feita na sede da instituição, que fica ao lado da guarda militar da Assembleia Legislativa. </span></span></p>]]>
|
| 89
| <![CDATA[<span style="font-size: small;"><span style="font-size: medium;">O diretor global Márcio Trigo vai estar em Teresina no mês de agosto, em data a ser definida, para ministrar o curso “Roteiro, da ideia ao projeto”, nos turnos manhã e tarde, na Escola do Legislativo. A inscrição já pode ser feita na sede da instituição, que fica ao lado da guarda militar da Assembleia Legislativa. </span></span>]]>
|
| 89
| <![CDATA[<span style="font-size: medium;">O diretor global Márcio Trigo vai estar em Teresina no mês de agosto, em data a ser definida, para ministrar o curso “Roteiro, da ideia ao projeto”, nos turnos manhã e tarde, na Escola do Legislativo. A inscrição já pode ser feita na sede da instituição, que fica ao lado da guarda militar da Assembleia Legislativa. </span>]]>
|
| 90
| <![CDATA[<p style="text-align: justify;"><span style="font-size: small;"><span style="font-size: medium;">As vagas são limitadas. Ao todo, 30. É cobrada uma taxa de R$ 250, que deve ser depositada em nome da ASALPI, no Banco 104 da Caixa Econômica Federal, agência 2774, operação 013, conta 2713-4. ;</span></span></p>]]>
|
| 90
| <![CDATA[<span style="font-size: small;"><span style="font-size: medium;">As vagas são limitadas. Ao todo, 30. É cobrada uma taxa de R$ 250, que deve ser depositada em nome da ASALPI, no Banco 104 da Caixa Econômica Federal, agência 2774, operação 013, conta 2713-4. ;</span></span>]]>
|
| 90
| <![CDATA[<span style="font-size: medium;">As vagas são limitadas. Ao todo, 30. É cobrada uma taxa de R$ 250, que deve ser depositada em nome da ASALPI, no Banco 104 da Caixa Econômica Federal, agência 2774, operação 013, conta 2713-4. ;</span>]]>
|
| 91
| <![CDATA[<p style="text-align: justify;"><span style="font-size: small;"><span style="font-size: medium;">Os alunos vão receber orientações sobre técnicas que transformem uma ideia em um roteiro. Através de fundamentos teóricos e exercícios práticos, eles terão a oportunidade de desenvolver e roteirizar ideias baseadas em parâmetros e limites pré-estabelecidos.</span></span></p>]]>
|
| 91
| <![CDATA[<span style="font-size: small;"><span style="font-size: medium;">Os alunos vão receber orientações sobre técnicas que transformem uma ideia em um roteiro. Através de fundamentos teóricos e exercícios práticos, eles terão a oportunidade de desenvolver e roteirizar ideias baseadas em parâmetros e limites pré-estabelecidos.</span></span>]]>
|
| 91
| <![CDATA[<span style="font-size: medium;">Os alunos vão receber orientações sobre técnicas que transformem uma ideia em um roteiro. Através de fundamentos teóricos e exercícios práticos, eles terão a oportunidade de desenvolver e roteirizar ideias baseadas em parâmetros e limites pré-estabelecidos.</span>]]>
|
| 92
| <![CDATA[<p style="text-align: justify;"><span style="font-size: small;"><span style="font-size: medium;">O curso será dividido em quatro módulos, com 4h de duração cada. O primeiro módulo consta apresentação dos fundamentos da teledramaturgia, estrutura dramática, conceito de séries, minisséries e telenovelas, arco dramático e estilo procedural. No segundo módulo, Márcio Trigo vai abordar os seguintes temas: storyline, argumento, sinopse, escaleta e diálogos. Já no terceiro e quarto módulos, as ideias serão apresentadas e desenvolvidas pelos alunos.</span></span></p>]]>
|
| 92
| <![CDATA[<span style="font-size: small;"><span style="font-size: medium;">O curso será dividido em quatro módulos, com 4h de duração cada. O primeiro módulo consta apresentação dos fundamentos da teledramaturgia, estrutura dramática, conceito de séries, minisséries e telenovelas, arco dramático e estilo procedural. No segundo módulo, Márcio Trigo vai abordar os seguintes temas: storyline, argumento, sinopse, escaleta e diálogos. Já no terceiro e quarto módulos, as ideias serão apresentadas e desenvolvidas pelos alunos.</span></span>]]>
|
| 92
| <![CDATA[<span style="font-size: medium;">O curso será dividido em quatro módulos, com 4h de duração cada. O primeiro módulo consta apresentação dos fundamentos da teledramaturgia, estrutura dramática, conceito de séries, minisséries e telenovelas, arco dramático e estilo procedural. No segundo módulo, Márcio Trigo vai abordar os seguintes temas: storyline, argumento, sinopse, escaleta e diálogos. Já no terceiro e quarto módulos, as ideias serão apresentadas e desenvolvidas pelos alunos.</span>]]>
|
| 93
| <![CDATA[<p style="text-align: justify;"><span style="font-size: small;"><span style="font-size: medium;">Márcio Trigo é escritor e diretor de televisão, teatro e cinema. Dirigiu ;o Sítio do Pica Pau Amarelo, Casseta e Planeta Urgente, Bambuluá, Linha Direta, Chico Anysio, Os Trapalhões e Os Caras de Pau. Adaptou e dirigiu A Terra dos Meninos Pelados; roteirizou e dirigiu as minisséries O Pequeno Alquimista, Clara e o Chuveiro do Tempo e O Relógio da Aventura. Durante 5 anos foi diretor de criação do Domingão do Faustão e dirigiu as duas últimas temporadas de Amor e Sexo. Atualmente, prepara a adaptação do livro de Zíbia Gasparetto “Nada é por Acaso” para o cinema.</span></span></p>]]>
|
| 93
| <![CDATA[<span style="font-size: small;"><span style="font-size: medium;">Márcio Trigo é escritor e diretor de televisão, teatro e cinema. Dirigiu ;o Sítio do Pica Pau Amarelo, Casseta e Planeta Urgente, Bambuluá, Linha Direta, Chico Anysio, Os Trapalhões e Os Caras de Pau. Adaptou e dirigiu A Terra dos Meninos Pelados; roteirizou e dirigiu as minisséries O Pequeno Alquimista, Clara e o Chuveiro do Tempo e O Relógio da Aventura. Durante 5 anos foi diretor de criação do Domingão do Faustão e dirigiu as duas últimas temporadas de Amor e Sexo. Atualmente, prepara a adaptação do livro de Zíbia Gasparetto “Nada é por Acaso” para o cinema.</span></span>]]>
|
| 93
| <![CDATA[<span style="font-size: medium;">Márcio Trigo é escritor e diretor de televisão, teatro e cinema. Dirigiu ;o Sítio do Pica Pau Amarelo, Casseta e Planeta Urgente, Bambuluá, Linha Direta, Chico Anysio, Os Trapalhões e Os Caras de Pau. Adaptou e dirigiu A Terra dos Meninos Pelados; roteirizou e dirigiu as minisséries O Pequeno Alquimista, Clara e o Chuveiro do Tempo e O Relógio da Aventura. Durante 5 anos foi diretor de criação do Domingão do Faustão e dirigiu as duas últimas temporadas de Amor e Sexo. Atualmente, prepara a adaptação do livro de Zíbia Gasparetto “Nada é por Acaso” para o cinema.</span>]]>
|
| 94
| <![CDATA[<p style="text-align: justify;"><span style="font-size: small;"><span style="font-size: medium;">Mais informações: 3133-3350, 3133-3352 e 99990-1366</span></span></p>]]>
|
| 94
| <![CDATA[<span style="font-size: small;"><span style="font-size: medium;">Mais informações: 3133-3350, 3133-3352 e 99990-1366</span></span>]]>
|
| 94
| <![CDATA[<span style="font-size: medium;">Mais informações: 3133-3350, 3133-3352 e 99990-1366</span>]]>
|
| 100
| <![CDATA[<div style="margin-top:10px"><a href="http://www.alepi.pi.gov.br/radio/fm.php" target="_BLANC"><img src="img/oucaNossaRadio.jpg" class="img img-thumbnail" /></a></div>]]>
|
| 114
| <![CDATA[<footer class="footer" style="background-color:#e1eae3;">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="row">
<div class="m col-6 col-sm-3">
<a class="h" href="">PORTAIS</a> <a class="m" href="http://alepi.pi.gov.br">ALEPI</a> <a class="m" href="http://www.tvassembleia.org">TV Assembleia</a> <a class="m" href="http://alepi.pi.gov.br/radio">Rádio Assembleia</a> <a class="m" href="http://alepi.pi.gov.br/escola">Escola do Legislativo</a> <a class="m" href="https://sapl.al.pi.leg.br/">SAPL</a> <a class="m" href="http://www.alepi.pi.gov.br/procon.php">PROCON</a> </div>
<div class="m col-6 col-sm-3">
<a class="h" href="">ACESSO</a> <a class="m" href="conteudo.php?idMenu=2">Missão</a> <a class="m" href="conteudo.php?idMenu=1">A Escola</a> <a class="m" href="conteudo.php?idMenu=3">Visão</a> <a class="m" href="conteudo.php?idMenu=6">Equipe</a> <a class="m" href="cursos.php?idMenu=9">Cursos</a> <a class="m" href="noticias.php?idMenu=5">Notícias</a> </div>
<div class="m col-6 col-sm-3">
<a class="m" href="">Fale Conosco</a>
<a class="m" href="">(86) 3133-3022</a>
</div>
<div class="m col-6 col-sm-3" style="display:none">
<a class="h" href="">Redes Sociais</a>
<a class="m" style="" href="https://pt-br.facebook.com/Radio-Assembleia-Fm-983-186307088191572/">
<img src="img/facebook.png" style="height: 20px; margin: 0px 7px;" />
Facebook
</a>
<a class="m" href="" style="display:none">
<img src="img/googlePlus.png" style="height: 20px; margin: 0px 7px;" />
Google Plus
</a>
<a class="m" href="https://www.youtube.com/channel/UCexxvtcRCDNBqMAGfYZalWg" style="">
<img src="img/you-tube.jpg" style="height: 20px; margin: 0px 7px;" />
Youtube
</a>
</div>
</div>
</div>
</div>
</div>
</footer>]]>
|
| 128
| <![CDATA[<div class="m col-6 col-sm-3" style="display:none">
<a class="h" href="">Redes Sociais</a>
<a class="m" style="" href="https://pt-br.facebook.com/Radio-Assembleia-Fm-983-186307088191572/">
<img src="img/facebook.png" style="height: 20px; margin: 0px 7px;" />
Facebook
</a>
<a class="m" href="" style="display:none">
<img src="img/googlePlus.png" style="height: 20px; margin: 0px 7px;" />
Google Plus
</a>
<a class="m" href="https://www.youtube.com/channel/UCexxvtcRCDNBqMAGfYZalWg" style="">
<img src="img/you-tube.jpg" style="height: 20px; margin: 0px 7px;" />
Youtube
</a>
</div>]]>
|
| 130
| <![CDATA[<a class="m" style="" href="https://pt-br.facebook.com/Radio-Assembleia-Fm-983-186307088191572/">
<img src="img/facebook.png" style="height: 20px; margin: 0px 7px;" />
Facebook
</a>]]>
|
| 131
| <![CDATA[<img src="img/facebook.png" style="height: 20px; margin: 0px 7px;" />]]>
|
| 134
| <![CDATA[<a class="m" href="" style="display:none">
<img src="img/googlePlus.png" style="height: 20px; margin: 0px 7px;" />
Google Plus
</a>]]>
|
| 135
| <![CDATA[<img src="img/googlePlus.png" style="height: 20px; margin: 0px 7px;" />]]>
|
| 138
| <![CDATA[<a class="m" href="https://www.youtube.com/channel/UCexxvtcRCDNBqMAGfYZalWg" style="">
<img src="img/you-tube.jpg" style="height: 20px; margin: 0px 7px;" />
Youtube
</a>]]>
|
| 139
| <![CDATA[<img src="img/you-tube.jpg" style="height: 20px; margin: 0px 7px;" />]]>
|
| 149
| <![CDATA[<div class="FooterMain-endereco" style=" background: #1b581b;background: #2a962a; color: #e0e0e0; text-align: center;">
Av. Mal. Castelo Branco, 201 - Cabral - Teresina/PI (86) 3133-3022
Copyright © 2019 - Assembleia Legislativa do Piauí
</div>]]>
|
| 313
| <![CDATA[<div id="modalIframe" class="wrapper" style="position: fixed; top: 0px; width: 100%; display:none; height: 100%; background: #0c0b0b61;" >
<div class="modal-dialog" role="document" style="width:90%; height:95%; max-width: 100%;">
<div class="modal-content" style="height:90%;background-color: #fffffff2; padding:12px;top:43px">
<button type="button" id="fechar" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true" style=" top: 0px; position: absolute; right: 5px; zoom: 1.5;" >×</span></button>
<pre><span class="modal-title" id="label"></span></pre>
<h2 class="modal-title" id="myModalLabel">Deputado<span id="SpanModalDeputado"></span></h2>
<iframe style="display:none;width:100%; height:90%" frameborder="0" marginheight="0" marginwidth="0" scrolling="yes" id="iframeSub" src="" />
</div>
</div>
</div>]]>
|
| 314
| <![CDATA[<div class="modal-dialog" role="document" style="width:90%; height:95%; max-width: 100%;">
<div class="modal-content" style="height:90%;background-color: #fffffff2; padding:12px;top:43px">
<button type="button" id="fechar" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true" style=" top: 0px; position: absolute; right: 5px; zoom: 1.5;" >×</span></button>
<pre><span class="modal-title" id="label"></span></pre>
<h2 class="modal-title" id="myModalLabel">Deputado<span id="SpanModalDeputado"></span></h2>
<iframe style="display:none;width:100%; height:90%" frameborder="0" marginheight="0" marginwidth="0" scrolling="yes" id="iframeSub" src="" />
</div>
</div>]]>
|
| 315
| <![CDATA[<div class="modal-content" style="height:90%;background-color: #fffffff2; padding:12px;top:43px">
<button type="button" id="fechar" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true" style=" top: 0px; position: absolute; right: 5px; zoom: 1.5;" >×</span></button>
<pre><span class="modal-title" id="label"></span></pre>
<h2 class="modal-title" id="myModalLabel">Deputado<span id="SpanModalDeputado"></span></h2>
<iframe style="display:none;width:100%; height:90%" frameborder="0" marginheight="0" marginwidth="0" scrolling="yes" id="iframeSub" src="" />
</div>]]>
|
| 316
| <![CDATA[<span aria-hidden="true" style=" top: 0px; position: absolute; right: 5px; zoom: 1.5;" >×</span>]]>
|
| 319
| <![CDATA[<iframe style="display:none;width:100%; height:90%" frameborder="0" marginheight="0" marginwidth="0" scrolling="yes" id="iframeSub" src="" />]]>
|
| 74
| <![CDATA[<script language ="JavaScript">
function confirmar(caminho,comando,mensagem) {
if (confirm (mensagem)) {
window.location=caminho + comando;
return true;
} else
window.location=caminho;
//return false;
}
</script>]]>
|
| 159
| <![CDATA[<script>window.jQuery || document.write('<script src="bootstrap/assets/js/vendor/jquery.min.js"><\/script>')</script>]]>
|
| 167
| <![CDATA[<script type="text/javascript">
$(function(){
// Iframe subChamados
$('.mostrarDeputado').click(function(){
var id = $(this).attr('id').substring(2,10);
var valor = 'deputado.php?iddeputado=' + id;
//$('#SpanModalDeputado').html(id);
$('#iframeSub').attr('src',valor);
$('#modalIframe').show();
$('#iframeSub').show();
$('#label').hide();
});
$('#fechar').click(function(){
$('#modalIframe').hide();
});
$('#modalIframe').click(function(){
$('#modalIframe').hide();
});
// Iframe subChamados /
});
// comissoes técnicas
$(function(){
$('#idcomissaotecnica').change(function(){
if( $(this).val() ) {
$('#idcomissaotecnicamembros').hide();
$.getJSON('comissaotecnicamembros.ajax.php?search=',{idcomissaotecnica: $(this).val(), ajax: 'true'}, function(j){
var options = '';
for (var i = 0; i < j.length; i++) {
if(i == 0) {
options += '<table id="sample-table-2" class="table table-striped table-bordered table-hover"><thead><tr><th scope="col">Deputado / Membro</th><th scope="col">Cargo</th></tr></thead><tfoot></tfoot><tbody>';
}
options += '<th scope="row" id="r100">' + j[i].membros + '</th><td>' + j[i].cargo + '</td></tr>';
if(i == j.length - 1) {
options += '</tbody></table>';
}
}
$('#idcomissaotecnicamembros').html(options).show();
});
}
});
});
// comissoes técnicas //
// para modal da galeria de fotos
let modalId = $('#image-gallery');
$(document)
.ready(function () {
loadGallery(true, 'a.thumbnail');
//This function disables buttons when needed
function disableButtons(counter_max, counter_current) {
$('#show-previous-image, #show-next-image')
.show();
if (counter_max === counter_current) {
$('#show-next-image')
.hide();
} else if (counter_current === 1) {
$('#show-previous-image')
.hide();
}
}
/**
*
* @param setIDs Sets IDs when DOM is loaded. If using a PHP counter, set to false.
* @param setClickAttr Sets the attribute for the click handler.
*/
function loadGallery(setIDs, setClickAttr) {
let current_image,
selector,
counter = 0;
$('#show-next-image, #show-previous-image')
.click(function () {
if ($(this)
.attr('id') === 'show-previous-image') {
current_image--;
} else {
current_image++;
}
selector = $('[data-image-id="' + current_image + '"]');
updateGallery(selector);
});
function updateGallery(selector) {
let $sel = selector;
current_image = $sel.data('image-id');
$('#image-gallery-title')
.text($sel.data('title'));
$('#image-gallery-image')
.attr('src', $sel.data('image'));
disableButtons(counter, $sel.data('image-id'));
}
if (setIDs == true) {
$('[data-image-id]')
.each(function () {
counter++;
$(this)
.attr('data-image-id', counter);
});
}
$(setClickAttr)
.on('click', function () {
updateGallery($(this));
});
}
});
// build key actions
$(document)
.keydown(function (e) {
switch (e.which) {
case 37: // left
if ((modalId.data('bs.modal') || {})._isShown && $('#show-previous-image').is(":visible")) {
$('#show-previous-image')
.click();
}
break;
case 39: // right
if ((modalId.data('bs.modal') || {})._isShown && $('#show-next-image').is(":visible")) {
$('#show-next-image')
.click();
}
break;
default:
return; // exit this handler for other keys
}
e.preventDefault(); // prevent the default action (scroll / move caret)
});
// para modal da galeria de fotos /
</script>]]>
|
| 0
| Não há código fonte a ser exibido.
|
