Ir para conteúdo

POWERED BY:

Arquivado

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

Wesley Developer

shadowbox como ?

Por , em Javascript

Recommended Posts

Wesley Developer    0

Wesley Developer
Postado

galera é o seguinte:

estou tentando utilizar o shadowbox para abrir uma pagina html como o lightbox, porem nao estou conseguindo :/

nao sei se fiz da maneira correta.

nao sei se baixei os arquivos corretos no site'

alguem poderia me ajudar ?

 

 

fiz da seguinte forma:

 

<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>

<script type="text/javascript" src="prototype.js"></script>

<script type="text/javascript" src="css/build/adapter/shadowbox-prototype.js"></script>

<script type="text/javascript" src="css/src/shadowbox.js"></script>

 

<script type="text/javascript">

 

Shadowbox.loadSkin('classic', 'css/src/skin');

Shadowbox.loadLanguage('en', 'css/build/lang');

Shadowbox.loadPlayer(['flv', 'html', 'iframe', 'img', 'qt', 'swf', 'wmp'], 'css/build/player');

 

window.onload = function(){

 

Shadowbox.init();

 

/**

* Note: The following function call is not necessary in your own project.

* It is only used here to set up the demonstrations on this page.

*/

initDemos();

 

};

 

</script>

 

 

 

 

no html:

<a rel="shadowbox" title="teste" href="hospedagem.html">teste</a>

 

se alguem ja utilizou ele' se poder me ajudar seria grato' (:

Compartilhar este post

Link para o post
Compartilhar em outros sites

jefferson.rbr    1

jefferson.rbr
Postado

caro wesley o q você fez esta praticamente correto, qual o problema q esta ocorrendo?

estou usando o shadowbox tbm de uma olhada como ficou uma parte de meu código:

 

<script type="text/javascript" src="../js/shadowbox/src/adapter/shadowbox-base.js"></script>
 <script type="text/javascript" src="../js/shadowbox/src/shadowbox.js"></script>
 <script type="text/javascript" src="../js/shadowbox/doc/demo.js"></script>
<!-- caminho dos arquivos do shadowbox -->

<script type="text/javascript">
						//apenas passe o caminho dos arquivos que você baixou do site do shadowbox, eles estão na mesma pasta onde você decompactou os arquivos  do shadowbox
			Shadowbox.loadSkin('classic', '../js/shadowbox/src/skin');
			Shadowbox.loadLanguage('en', '../js/shadowbox/src/lang');
			Shadowbox.loadPlayer(['flv', 'html', 'iframe', 'img', 'qt', 'swf', 'wmp'], '../js/shadowbox/src/player');
			
			//iniciando as funções
			window.onload = function(){
				//iniciando o shadow box
				Shadowbox.init();
			
				/**
				 * Note: The following function call is not necessary in your own project.
				 * It is only used here to set up the demonstrations on this page.
				 */
				
			
			};
	 		
	  </script>

 

<a rel=shadowbox href=..//dir_fotos/foto > Veja o a foto</a>

 

 

apenas isso qualquer duvida é só escrever.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Guiol    0

Guiol
Postado

E tenho uma pergunta também...

Eu consigo excutar um shadowbox em um link mapeado?

 

<area shape="rect" coords="76,131,151,292" rel="shadowbox" href="perfil/pacheco.php" alt="RODRIGO PACHECO" />

 

por exemplo?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Eliseu M.    2

Eliseu M.
Postado

E tenho uma pergunta também...

Eu consigo excutar um shadowbox em um link mapeado?

 

<area shape="rect" coords="76,131,151,292" rel="shadowbox" href="perfil/pacheco.php" alt="RODRIGO PACHECO" />

 

por exemplo?

 

No prórpio site do ShadowBox tem um exemplo.

http://www.shadowbox-js.com/ - em Image Map

 

Té mais!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Guiol    0

Guiol
Postado

 

E tenho uma pergunta também...

Eu consigo excutar um shadowbox em um link mapeado?

 

<area shape="rect" coords="76,131,151,292" rel="shadowbox" href="perfil/pacheco.php" alt="RODRIGO PACHECO" />

 

por exemplo?

 

No prórpio site do ShadowBox tem um exemplo.

http://www.shadowbox-js.com/ - em Image Map

 

Té mais!

 

 

Não tinha reparado.

Me pareceu que aquele código me passava como fazer uma marcação de link e não fazê-lo funcionar de lá!

[]'s

Compartilhar este post

Link para o post
Compartilhar em outros sites

Rafael Queiroz    0

Rafael Queiroz
Postado

Eu não consigo utilizar o shadowbox tb! Não sei o que acontece..

Baixei os arquivos diretamente do site. Baixei o prototype.js. Fiz exatamente como o jefferson.rbr descreveu, entretanto não consigo fazer funcionar aqui.. meu código no <head>:

 

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

<script type="text/javascript" src="showHideMenu.js"></script>
<script type="text/javascript" src="shadowbox/shadowbox.js"></script>
<script type="text/javascript" src="Prototype/prototype.js"></script>
<script type="text/javascript" src="shadowbox/adapters/shadowbox-prototype.js"></script>

<script type="text/javascript">

Shadowbox.loadSkin('classic', 'css/src/skin');
Shadowbox.loadLanguage('pt-BR', 'shadowbox/languages');
Shadowbox.loadPlayer(['flv', 'html', 'iframe', 'img', 'qt', 'swf', 'wmp'], 'shadowbox/players');

window.onload = function(){

Shadowbox.init();
};

</script>

No <body>:

 

<a rel="shadowbox" title="Veja mais..." href="http://twitter.com/"><img src="Images/editorial/livrobibliotecas.png" /></a>

Mas não tá funcionando! =\

 

 

Mais uma coisa: o download do shadowbox que eu fiz não tem essa pasta "skins".

 

Alguém sabe o que pode estar errado?

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito