Jump to content
Fórum Script Brasil
  • 0

Probleminha com js


lilavelozo
 Share

Question

gente, seguinte... eu tenho um site aqui, todo em HTML. Precisei de um codigo js pra aplicar um efeito aqui em uma foto de uma página interna. O problema, é que o script só funciona quando eu coloco no index.html. Quando coloco na pagina interna que eu quero, não funciona. Quando coloco também o script no index.html, e o codigo HTML da foto na pagina que eu quero, também não funciona. Ou seja, o script funciona na index quando o codigo HTML da foto também está na index. Quando transfiro tudo pra pagina que eu quero, não funciona. alguém sabe o que pode ser? Grata desde já :)

Link to comment
Share on other sites

9 answers to this question

Recommended Posts

  • 0

a função serve um efeito hover.

quando eu passo o mouse em cima da foto, aparece um bg e um texto. só isso.

taí a função que eu to usando:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>

<script type="text/javascript">

jQuery(document).ready(function(){jQuery('.foto').bind({mouseenter: function(){ jQuery(this).children('.box').fadeIn('slow');

},

mouseleave: function(){ jQuery(this).children('.box').fadeOut('slow');}

});

});</script>

o link da pagina é este: http://www.triadcomunicacao.com.br/index.html#about

Obrigada! :))

Link to comment
Share on other sites

  • 0

isso, já tenho. teoricamente, o que tem dentro da div box era pra ser o meu hover. funciona assim na home, mas na página interna não.

o html ta assim:

<div class="foto">

<div class="box">

<p>TEXTO</p>

</div>

</div>

CSS:

.foto {

background: url (images/imagem.jpg);

}

.box {

width: 800px;

height: 100px;

background: #000;

color: #fff;

}

Link to comment
Share on other sites

  • 0

Tenta assim, no meu funcionou legal...

$(document).ready(function(e) {

$('.foto').mouseenter(function(e) {

$(this).children('.box').fadeIn("slow");

});

$('.foto').mouseleave(function(e) {

$(this).children('.box').fadeOut('slow');

});

});

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share



  • Forum Statistics

    • Total Topics
      150.2k
    • Total Posts
      647.5k
×
×
  • Create New...