Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Elektra

ExternalInterface com JQuery

Recommended Posts

Observe que o desenvolvedor informa:

2. Olhe dentro do js pasta para encontrar jquery-1.11.0.min.js e lightbox.min.js e carregar ambos os arquivos. Carregar jQuery primeiro.

<script src="js/jquery-1.11.0.min.js"> </ script>
<script src="js/lightbox.min.js"> </ script> // --------------- ORIGINAL

3. Olhe dentro do css pasta para encontrar lightbox.css e carregá-lo.

<link href="css/lightbox.css" rel="stylesheet" />

E você chama:

<link href="css/lightbox.css" rel="stylesheet" />
<script src="js/jquery-1.11.0.min.js"></script>
<script src="js/lightbox.js"></script> // ----------------------- DIFERENTE

Já havia tentado também incluir no html a chamada a "lightbox.js", carregou as imagens, mas ficou bugado.

 

Agora, após sua postagem, ao remover "js/lightbox.min.js" e chamar "js/lightbox.js", carrega as imagens, mas sem overlay e navegação com as setas. clique aqui

 

Ou seja, as imagens estão sendo chamadas corretamente, mas ainda sem o acesso completo.

 

Na versão em JS (antiga), para acesso em grupo as imagens (navegação com setas) chamamos a função GroupDelegate, para acesso individual era outra. Preciso do acesso em grupo.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Sim na página diz isso, mas se a modificação do Post#4 foi feita no "lightbox.js" pela lógica teríamos que incluir ele no lugar do outro, correto? De toda maneira é possível modificar o "lightbox.min.js" também, só que como ele tá compactado é um pouco mais complexo o search e replace.

 

Continuando...

 

Ao que parece, na nova versão o que determina os grupos das imagens é a propriedade "data-lightbox", como no teste todas tem um valor diferente o plugin assume que todas são de um grupo diferente com apenas 1 só imagem e não exibe as setas.

 

Como agora todas as imagens vão ter um "data-lightbox" igual, é necessário um outro parâmetro pra diferenciar por qual delas você quer começar exibindo. Tem duas opções, adicionar uma outra propriedade na tag das imagens como "data-lightbox-id" ou especificar qual imagem pela ordem dela como: 1, 2 ou 3... qual desses fica mais fácil de chamar pelo AS?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Mas o alert exibiu um valor diferente para data-lightbox de cada imagem clicada, ou seja, idem a versão antiga. Mesmo que o data-lighbox fosse "igual", e exibisse apenas 1 imagem sem as setas, o overlay estaria presente.

 

Não haverá uma ordem para as imagens, pode começar por qualquer uma, essa é a finalidade de ter um scroll.

 

 

Agradeço muito pela sua disposição em auxiliar, mas vou manter a versão antiga mesmo do lightbox. O ESC só não pega no IE e Opera o resto tá beleza.

 

Grande abraço

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.