Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17611
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Como carregar o shadowbox via Ajax ou JQuery

19-06-2014 21:00

Muita gente tem dificuldade de uso do Shadowbox que não funciona em página carregada via Ajax ou jQuery.

O próprio script do Shadowbox permite usá-lo mesmo sendo carregado de outro documento, com o load do jQuery por exemplo.

Para baixar a versão correta do Shadowbox para que funciona sendo chamado de outra página, acesse esse link http://www.shadowbox-js.com/download.html

Em Choose the adapter you'll be using, selecione jQuery. Nos checkbox deixe marcado Images, marque outros se necessário.

Em Choose the language support you need escolha Portuguese (Brazilian)

Deixe marcado: Include support for using CSS selectors to select links

Após isso, é só baixar.

Basicamente, mantenha os arquivos usados no Shadowbox no diretório principal, o mesmo onde irá rodar os arquivos do site.

Agora vou deixar 2 arquivos, um exemplo de uma chamada feita para o shadowbox, e um arquivo com os scripts do shadowbox para ser chamado.

chamada.html

<script type="text/javascript" src="jquery.js"></script> <script> $(document).ready(function() { $('#div').load('shadowbox.html'); }); </script>


<div id="div"></div>

shadowbox.html

<link rel="stylesheet" type="text/css" href="shadowbox.css">


<script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="shadowbox.js"></script> <script type="text/javascript"> Shadowbox.init(); </script>


<a href="suafigura.jpg" rel="shadowbox">My Image</a>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado