Pergunta

Recentemente, deparei com caixa extravagante localizado aqui , tenho seguido a cada passo nas instruções perfeitamente, mas ele não funciona, ninguém sabe o que pode ser o problema?

Aqui está uma amostra do meu código fonte da página:

incluído os links para roteiros conforme necessário, e CSS:

<script src="jquery.fancybox-1.2.1/jquery.fancybox/jquery-1.3.2.min.js" type="text/javascript"></script>
    <script src="jquery.fancybox-1.2.1/jquery.fancybox/jquery.fancybox-1.2.1.js" type="text/javascript"></script>
    <link href="jquery.fancybox-1.2.1/jquery.fancybox/jquery.fancybox.css" rel="stylesheet"
        type="text/css" />
    <link href="css/main.css" rel="stylesheet" type="text/css" />

Em seguida, este trabalho deve simplesmente:

<a id="single_image" href="images/279641.jpg"><img src="images/279641.jpg" /></a>

Mas isso não parece fazer nada a não ser aberta a imagem em uma nova janela.

Todas as sugestões, e agradece antecipadamente.

Foi útil?

Solução

Você esqueceu de implementar a etapa 4 (agora passo 5) a partir do manual, "Fire plugin usando seletor jQuery"

Outras dicas

Tente incluir este:

$(document).ready(function() {
 $("a#single_image").fancybox({
 'titleShow' : false
 });
});

tentar olhar para outro javascript / jquery plug-in que você implementou na sua página html. causa algum plugin jQuery tem um conflito com fancybox. funciona para mim.

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top