Ir para conteúdo

POWERED BY:

Arquivado

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

Daniel Emiliano

Problema ao usar 2 scripts juntos

Por , em Javascript

Recommended Posts

Daniel Emiliano    0

Daniel Emiliano
Postado

Estou com um problema chato que passei o dia todo tentando resolver e não consegui.

Quero criar uma página de portfólio em um site, que tenha a seguinte configuração:

 

galeria.gif

 

Toda vez que eu clicar em um link do menu, ele muda a galeria ao lado.

A galeria é um slide com 3 fotos.

 

 

Pra vocês entenderem melhor, vejam como funciona o menu e a galeria, de forma separada:

 

 

Galeria: http://www.danielemi...ss/galeria.html

Menu: http://www.danielemi...tness/menu.html

 

 

Até aí tudo bem.

Os dois elementos funcionam em páginas separadas.

mas quando tento juntar os dois em uma página só, fazendo um link do menu abrir essa galeria, da erro, e a galeria não funciona:

 

Veja: http://www.danielemi...ness/index.html

 

 

 

 

 

Já pesquisei na net, ja fiz de tudo pra fazer as duas funcionarem juntas e não consigo.

já tentei usar uma função chamada "jQuery.noConflict()" que ví achei na internet, mas não deu certo, tmb.

 

 

Eae, alguém pode me salvar ?

 

Segue os links dos scripts usados:

 

Galeria:

http://www.danielemi...tness/jquery.js

http://www.danielemi...asySlider1.7.js

 

Menu:

http://www.danielemi...ritness/ajax.js

http://www.danielemi...ss/instrucao.js

Compartilhar este post

Link para o post
Compartilhar em outros sites

Patrique    0

Patrique
Postado

Coloque as chamativas de javascript na index.html

 

<script language="javascript" src="http://www.danielemiliano.com.br/ritness/jquery.js"></script>
<script language="javascript" src="http://www.danielemiliano.com.br/ritness/easySlider1.7.js"></script>

 

 

E teste...

Compartilhar este post

Link para o post
Compartilhar em outros sites

Daniel Emiliano    0

Daniel Emiliano
Postado

Não funciona também.

 

Já coloquei as chamativas de javascript apenas na index.html, apenas na página da galeria e do menu, e ja testei com a chamativa em ambos.

De todas as formas, o resultado foi o mesmo

 

:(

Compartilhar este post

Link para o post
Compartilhar em outros sites

Daniel Emiliano    0

Daniel Emiliano
Postado

Mas este "jquery history"não vai fazer com que as fotos da galeria se movam e alternem automaticamente, né ?

E eu precisava que isso fosse feito

Compartilhar este post

Link para o post
Compartilhar em outros sites

Patrique    0

Patrique
Postado

vai sim, tente que vai ver, ou se preferir aguarde que alguém vai te ajudar, eu te sugeri pois não sei aonde esta o erro, e no meu portfolio que estou fazendo eu faço parecido como você esta fazendo e foi de boa, carrega sim o slider sem problemas, pois ele utiliza iframe (" mais muito bem feito que nem da pra notar ") logo roda de boa.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Daniel Emiliano    0

Daniel Emiliano
Postado

Ah, é com iframe é ?

 

ammmmm

 

Bom, mas daí eu vou ter um outro problema..hehehehe

 

O texto que vai abaixo da galeria, pode variar muito de tamanho, e o iframe não vai acompanhar este tamanho, não é ?

Teria que definir uma altura específica pra ele, certo ?

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

javascript carregado com ajax não funciona.

 

coloca tudo isso aqui:

  <script type="text/javascript" src="jquery.js"></script>
 <script type="text/javascript" src="easySlider1.7.js"></script>
 <script type="text/javascript">
 $(document).ready(function(){	
 $("#slider").easySlider({
 auto: true, 
 continuous: true,
 numeric: true
 });
 });	
 </script>

na index.html

 

ja que o galeria.html vai ser 'incluido' na index, então ele nao deve conter tags <html>, <body>, <head>.. pois haveria uma duplicação dessas tags no html final.

 

agora vem o dilema, você tá trazendo o elemento #slider com javascript, logo no momento do document.ready, ele ainda não existe.

Por isso, pode ser que o easySlider ainda assim(com as minhas dicas acima), não seja aplicado.

 

Você teria que contornar essa situação, fazendo um bind do plugin logo depois que o elemento constasse na marcação.

 

 

 * jQuery 1.2.3 - New Wave Javascript

use uma versão mais recente.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Patrique    0

Patrique
Postado

Se liga aqui como fica legal com o history tb

 

http://www.youtube.com/embed/lj98d5ruZiU?rel=0&hd=1

 

To fazendo meu portifa e uso o history ele me da várias vantagens e deixa o projeto muito dinâmico só carregando o necessário sem da refresh em todo o site, você troca a url mas carrega o necessário, além disso o iframe é auto ajustável e combina muito bem, nem da pra perceber e é 100% acessível.

 

Segue ai pra você ter uma idéia e coloquei o slider para ter uma idéia de que carrega sem problemas.

 

[]'s

Compartilhar este post

Link para o post
Compartilhar em outros sites

Daniel Emiliano    0

Daniel Emiliano
Postado

javascript carregado com ajax não funciona.

 

ja que o galeria.html vai ser 'incluido' na index, então ele nao deve conter tags <html>, <body>, <head>.. pois haveria uma duplicação dessas tags no html final.

 

agora vem o dilema, você tá trazendo o elemento #slider com javascript, logo no momento do document.ready, ele ainda não existe.

Por isso, pode ser que o easySlider ainda assim(com as minhas dicas acima), não seja aplicado.

 

Você teria que contornar essa situação, fazendo um bind do plugin logo depois que o elemento constasse na marcação.

 

 

 * jQuery 1.2.3 - New Wave Javascript

use uma versão mais recente.

 

 

 

Interessante.

Eu não sabia que Javascript carregado pelo ajax não funcionava.

Vivendo e aprendendo.

 

 

Fiz a marte de excluir a <html>, <head>, etc e coloquei o script na index, mas não deu certo.

 

A parte de fazer um blind do plugin eu não fiz porque sou bem leigo nessa area de javascript e não sei nem por onde começar...rs

:(

 

Mas beleza, vou tentar usar este recurso que o Patrique me indicou.

vamos ver se da certo.

 

 

Abraço e obrigado pela atenção, pessoal.

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