Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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>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..
=/
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 ?
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...
=/
OK, deixe assim:
<script type="text/javascript">
jQuery(document).ready(function(){});
});
</script>
creio que já irá resolver.me informe se aparecer algum erro no console do Firefox (Ctrl+Shift+J)
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
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).
importe o jQuery uma única vez.
Deixe apenas uma chamada, logo em cima de tudo.