JQuery animate+ jQuery lightBox = FAIL?
<!-- Arquivos utilizados pelo jQuery lightBox plugin -->
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>
<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />
<!-- / fim dos arquivos utilizados pelo jQuery lightBox plugin -->
<!-- Ativando o jQuery lightBox plugin -->
<script type="text/javascript">
$(function() {
$('#gallery a').lightBox();
});
</script>
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script>
$(document).ready(function(){
$('.anim').mouseover(function(){
$(this).stop().animate({"height":"180px", "width":"180px"},600);
});
$('.anim').mouseout(function(){
$(this).stop().animate({"height":"150px", "width":"150px"},300);
});
});
</script>
Na pagina tem:
1 imagem, que ao clicar nela abre o efeito do lightbox
Varias imagens que ao passar o mouse emcima a imagem cresce.
Os dois funcionam, com uma condição:
Ou um ou outro -.-'
Se eu tirar essa linha:
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
funciona os 2, mas da um bugzinho na animação,
a imagem cresce e diminui certinho, porem, ela tem como padrao um align center
e quando ela cresce ela pega align left, o que nao iria ficar nada legal no site neh...
Se alguem ja passou por algo parecido e conseguiu arrumar, por favor compartilhe :thumbsup:
Discussão (2)
Carregando comentários...