JQuery

[RafaellaRocha 0]

Ola amigos, estou com uma grande duvida em JQuery...

 

Tenho uma pagina em ASP e estou querendo utilizar dois Scripts diferentes na mesma página

LIGHTBOX e SLIDEBOX

Slidebox segue o site que (http://manos.malihu.gr/slidebox-jquery-banner-rotator)

 

Porém quando coloco o slidebox na pagina o lightbox não funciona, e vice versa...

Já tentei utilizar o no.Conflit() e também não obtive sucesso...

 

Segue uma parte do script da minha página

 

Aguardo um help

 

Obrigada

 

 

---------- Script do Lightbox

 

 

<link href="css/estilos.css" rel="stylesheet" type="text/css" />
 <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
 <link rel="stylesheet" href="css/galeria.css" type="text/css" media="screen" />
 <!--incluindo os arquivos da biblioteca LightBox -->

		<script type="text/javascript" src="js/jquery.js"></script>
		<script type="text/javascript" src="js/prototype.js"></script>
		<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
		<script type="text/javascript" src="js/lightbox.js"></script>

------ Script do Slidebox

 

 

 

 

	<script src="./js/jquery.min.js"></script>
	<script src="js/jquery-ui.min.js"></script>
	<!-- slidebox styling via external css -->
	<link rel="stylesheet" href="css/jquery.mSimpleSlidebox.css">
	<!-- slidebox plugin -->
	<script src="js/jquery.mSimpleSlidebox.js"></script>
	<!-- slidebox function call -->
	<script type="text/javascript">

	$(document).ready(function(){
		$("#slidebox_1").mSlidebox({
			controlsPosition:{
				buttonsPosition:"outside",
				thumbsPosition:"outside"
			}
		});
	});
	</script>

[William Bruno 1501]

importe o jQuery uma única vez.

 

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


<script src="./js/jquery.min.js"></script>

esses 2 arquivos são a mesma lib. Por isso o problema.

Deixe apenas uma chamada, logo em cima de tudo.

[RafaellaRocha 0]

Oi, bom dia!

 

Retirei a linha menciona, porém agora aparece o erro

 

Argumento invalido

jquery.js

 

O objeto não dá suporte para a propriedade ou método..

 

=/

[William Bruno 1501]

OK, os erros são teus amigos. Com eles fica mais fácil de resolver o problema.

 

Como está o código agora ?

você vai usar jQuery + prototype ?

[RafaellaRocha 0]

Codigo ficou o seguinte

 

<!--incluindo os arquivos da biblioteca LightBox -->

		<script type="text/javascript" src="js/jquery.js"></script>
		<script type="text/javascript" src="js/prototype.js"></script>
		<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
		<script type="text/javascript" src="js/lightbox.js"></script>



</head>

<script src="js/jquery-ui.min.js"></script>
	<!-- slidebox styling via external css -->
	<link rel="stylesheet" href="css/jquery.mSimpleSlidebox.css">
	<!-- slidebox plugin -->
	<script src="js/jquery.mSimpleSlidebox.js"></script>
	<!-- slidebox function call -->
	<script type="text/javascript">

	$(document).ready(function(){
		$("#slidebox_1").mSlidebox({
			controlsPosition:{
				buttonsPosition:"outside",
				thumbsPosition:"outside"
			}
		});
	});
	</script>

------

 

O prototype veio quando baixei o lightbox...

e o SlideShow tirei desse site (http://manos.malihu.gr/slidebox-jquery-banner-rotator)

 

Quero utilizar os dois na mesma página sim!!

nem com o noconflit(); estou conseguindo...

 

=/

[William Bruno 1501]

OK, deixe assim:

 

<script type="text/javascript">

jQuery(document).ready(function(){
jQuery("#slidebox_1").mSlidebox({
controlsPosition:{
buttonsPosition:"outside",
thumbsPosition:"outside"
}
});
});
</script>

creio que já irá resolver.

 

 

me informe se aparecer algum erro no console do Firefox (Ctrl+Shift+J)

[RafaellaRocha 0]

Apareceu sim, amigo

 

2 errinhos,

 

'Element' não está definido

lightbox.js

 

Um número positivo finito deve ser atribuído ao tamanho da matriz

prototype.js

[Mateus Avila Isidoro 8]

Como que tu usou o noConflict? O noConflict deveria portar o namespace $ para o jquery e evitar problemas com o lightbox. Uma idéia seria usar apenas jquery, pois há plugins que fazem o que o lightbox faz, como o prettyPhoto - que é bem facil de configurar.

 

O problema é que tu vai usar duas bibliotecas pesadas, fazendo o teu site carregar apenas uma biblioteca com 200kb para mostrar uma galeria e outra de 200kb para abrir as imagens.

 

Se mesmo assim não conseguimos te convencer, vamos tentar uma solução.

 

o primeiro erro element não está definido deve ser por causa da seleção de qual elemento em HTML vai exibir isso.

 

o segundo erro pode ser corrigido atualizando o prototype (erro de biblioteca).