Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá!
Desenvolvi um site e desejo que uma página abra uma imagem em lightbox, essa imagem vai trazer um anúncio em evidência. Tenho dois scripts, aonde um, só faz isso por meio de link e o outro, ensina com o onload, porém segundo as instruções da página, não obtive êxito. Socorro!! Me ajudem!!!! Preciso muito disso.
[http://www.frescojs.com/documentation/options](http://www.frescojs.com/documentation/options) => Esse me atendeu em uma galeria, pensei em usá-lo em uma única foto mas é ativado por link
[http://www.tidbits.com.br/click-modal-plugin-de-jquery-para-fazer-modal-lightbox](http://www.tidbits.com.br/click-modal-plugin-de-jquery-para-fazer-modal-lightbox) => O que eu achei ideal para a ocasião, porém, não consegui.
<div id="interface">
<section id="conteudo">
<?php
include 'cyrcle/cyrcle.php';
//include'cyrcle/cyrcle2.php';
?>
<article id="todas_divs_esq">
<img src="_img/cartaz_evento/anuncio.jpeg" class="fresco"/> <!--ESSE ABRE SOMENTE COM AÇÃO DO CLIQUE E PRECISA DA CLASSE FRESCO. DESEJO ALGO AUTOMATIZADO -->
</article>
</section>
</div>O modal eu li os comentários, um entendeu e falou que a explicação poderia ter sido melhor e essa documentação do modal eu realmente achei estranha, a do outro, eu vi que realmente só suporta certas coisas na versão pro. Mas vou pesquisar isso de trigger, pois uso pouco JS e nem sei como utilizá-lo. Mas valeu William pelo post :)
Consegui resolver com o seguinte código:
<script>
window.onload = function(){
document.getElementById('link').click();
}
</script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<body>
<div id="interface">
<section id="conteudo">
<?php
include 'cyrcle/cyrcle.php';
?>
<article id="todas_divs_esq">
<a id="link" href="_img/cartaz_evento/anuncio.jpeg" class="fresco"></a>
</article>
<aside id="lateral">
</aside>
</section>
</div>
</body>
Achei estranho não ter funcionado com o JQuery, como você Willian indicou, pois todas as pesquisas que fiz sobre o trigger, eram sobre o que disse, carreguei o JQuery fora e no head (que estou chamando via require_once) mas nenhum êxito. Com esse código JS, foi. :) Mas obrigadão, porque até então eu desconhecia o trigger.
Ou você dispara um .trigger('click') no elemento.
ou lê a documentação e vê se o plugin suporta abertura via código.