Logo CEWEB.br Logo NIC.br Logo CGI.br
Home Sobre o projeto

Sites Verificados

Lista com todos os sítios que foram verificados pela TIC Web Acessibilidade. Dentro de cada domínio, há informações detalhadas sobre as páginas coletadas, bem como os erros e avisos de cada uma *.

Endereço Nota Erros Avisos

alepi.pi.gov.br/escola/noticia.php?idNoticia=1180

69.39 28 598
Recomendações Avaliadas
1.1 Respeitar os Padrões Web.

Recomendações

Número Descrição Quantidade Linhas Código Fonte
1.1.3 Presença de CSS(s) in-line 52 21 23 23 23 25 30 32 40 42 44 46 48 50 52 54 56 63 71 84 87 88 89 89 89 90 91 91 91 92 93 93 94 95 95 96 96 96 102 116 130 132 133 136 137 140 141 151 315 316 317 318 321
1.1.6 Presença de javascript(s) interno 3 74 161 169
1.1.8 Não foram respeitados os Padrões Web CSS 481 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0
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%;">13/09/2016 13:56</small>]]>
87 <![CDATA[<img style="float:left" src="../escolaadm/upload/medioescleg71474987750.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: medium;"><span style="font-family: arial, helvetica, sans-serif;">Teve in&iacute;cio nesta segunda-feira (26), o curso de extens&atilde;o de Elabora&ccedil;&atilde;o de Trabalhos Acad&ecirc;micos, ministrado pela professora doutora Audrey Tapety. Com carga hor&aacute;ria de 40h/a, o curso vai ser aplicado at&eacute; dia 1&ordm; de outubro.</span></span></p>]]>
89 <![CDATA[<span style="font-size: medium;"><span style="font-family: arial, helvetica, sans-serif;">Teve in&iacute;cio nesta segunda-feira (26), o curso de extens&atilde;o de Elabora&ccedil;&atilde;o de Trabalhos Acad&ecirc;micos, ministrado pela professora doutora Audrey Tapety. Com carga hor&aacute;ria de 40h/a, o curso vai ser aplicado at&eacute; dia 1&ordm; de outubro.</span></span>]]>
89 <![CDATA[<span style="font-family: arial, helvetica, sans-serif;">Teve in&iacute;cio nesta segunda-feira (26), o curso de extens&atilde;o de Elabora&ccedil;&atilde;o de Trabalhos Acad&ecirc;micos, ministrado pela professora doutora Audrey Tapety. Com carga hor&aacute;ria de 40h/a, o curso vai ser aplicado at&eacute; dia 1&ordm; de outubro.</span>]]>
90 <![CDATA[<p style="text-align: justify;"> ;</p>]]>
91 <![CDATA[<p style="text-align: justify;"><span style="font-size: medium;"><span style="font-family: arial, helvetica, sans-serif;">A abertura contou com a presen&ccedil;a do p&oacute;s-doutor da UFPI, Alcides Nascimento, que falou sobre a import&acirc;ncia das pesquisas e dos trabalhos acad&ecirc;micos para 20 alunos matriculados no curso.</span></span></p>]]>
91 <![CDATA[<span style="font-size: medium;"><span style="font-family: arial, helvetica, sans-serif;">A abertura contou com a presen&ccedil;a do p&oacute;s-doutor da UFPI, Alcides Nascimento, que falou sobre a import&acirc;ncia das pesquisas e dos trabalhos acad&ecirc;micos para 20 alunos matriculados no curso.</span></span>]]>
91 <![CDATA[<span style="font-family: arial, helvetica, sans-serif;">A abertura contou com a presen&ccedil;a do p&oacute;s-doutor da UFPI, Alcides Nascimento, que falou sobre a import&acirc;ncia das pesquisas e dos trabalhos acad&ecirc;micos para 20 alunos matriculados no curso.</span>]]>
92 <![CDATA[<p style="text-align: justify;"> ;</p>]]>
93 <![CDATA[<p style="text-align: justify;"><span style="font-family: arial, helvetica, sans-serif; font-size: medium;">O conte&uacute;do program&aacute;tico consta de estrutura&ccedil;&atilde;o do artigo, de ensaios e monografias; orienta&ccedil;&atilde;o sobre t&iacute;tulo, autoria, resumo na l&iacute;ngua no texto, resumo em l&iacute;ngua estrangeira; os elementos que comp&otilde;em o texto, introdu&ccedil;&atilde;o, desenvolvimento e conclus&atilde;o; elabora&ccedil;&atilde;o de pr&eacute;-projeto para pleitear mestrado e doutorado. O aluno ainda vai aprender mais sobre o problema, o objeto, o objetivo, fundamenta&ccedil;&atilde;o te&oacute;rica, metodologia e bibliografia.</span></p>]]>
93 <![CDATA[<span style="font-family: arial, helvetica, sans-serif; font-size: medium;">O conte&uacute;do program&aacute;tico consta de estrutura&ccedil;&atilde;o do artigo, de ensaios e monografias; orienta&ccedil;&atilde;o sobre t&iacute;tulo, autoria, resumo na l&iacute;ngua no texto, resumo em l&iacute;ngua estrangeira; os elementos que comp&otilde;em o texto, introdu&ccedil;&atilde;o, desenvolvimento e conclus&atilde;o; elabora&ccedil;&atilde;o de pr&eacute;-projeto para pleitear mestrado e doutorado. O aluno ainda vai aprender mais sobre o problema, o objeto, o objetivo, fundamenta&ccedil;&atilde;o te&oacute;rica, metodologia e bibliografia.</span>]]>
94 <![CDATA[<p style="text-align: justify;"> ;</p>]]>
95 <![CDATA[<p style="text-align: justify;"><span style="font-family: arial, helvetica, sans-serif; font-size: small;">Ao final do curso de Elabora&ccedil;&atilde;o de Trabalhos Acad&ecirc;micos, cada aluno vai receber certificado de conclus&atilde;o da especializa&ccedil;&atilde;o.</span></p>]]>
95 <![CDATA[<span style="font-family: arial, helvetica, sans-serif; font-size: small;">Ao final do curso de Elabora&ccedil;&atilde;o de Trabalhos Acad&ecirc;micos, cada aluno vai receber certificado de conclus&atilde;o da especializa&ccedil;&atilde;o.</span>]]>
96 <![CDATA[<p style="text-align: justify;"><span style="font-size: medium;"><span style="font-family: arial, helvetica, sans-serif;"><br /></span></span></p>]]>
96 <![CDATA[<span style="font-size: medium;"><span style="font-family: arial, helvetica, sans-serif;"><br /></span></span>]]>
96 <![CDATA[<span style="font-family: arial, helvetica, sans-serif;"><br /></span>]]>
102 <![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>]]>
116 <![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>]]>
130 <![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>]]>
132 <![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>]]>
133 <![CDATA[<img src="img/facebook.png" style="height: 20px; margin: 0px 7px;" />]]>
136 <![CDATA[<a class="m" href="" style="display:none"> <img src="img/googlePlus.png" style="height: 20px; margin: 0px 7px;" /> Google Plus </a>]]>
137 <![CDATA[<img src="img/googlePlus.png" style="height: 20px; margin: 0px 7px;" />]]>
140 <![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>]]>
141 <![CDATA[<img src="img/you-tube.jpg" style="height: 20px; margin: 0px 7px;" />]]>
151 <![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 &copy; 2019 - Assembleia Legislativa do Piau&iacute; </div>]]>
315 <![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;" >&times;</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>]]>
316 <![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;" >&times;</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>]]>
317 <![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;" >&times;</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>]]>
318 <![CDATA[<span aria-hidden="true" style=" top: 0px; position: absolute; right: 5px; zoom: 1.5;" >&times;</span>]]>
321 <![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>]]>
161 <![CDATA[<script>window.jQuery || document.write('<script src="bootstrap/assets/js/vendor/jquery.min.js"><\/script>')</script>]]>
169 <![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.