[Resolvido] Como colocar um efeito jquery em uma tabela

[Douglas Goulart 0]

Fala pessoal, blza?

 

Estou terminando de desenvolver um site e estou querendo colocar um efeito jquery (Carrossel) numa tabela. Como seria a declaração dos scripts?

 

Me ajuda aí!

 

[]'s

[William Bruno 1501]

depende do teu html, do efeito que você quer, e qual plugin de carousel você vai usar.

 

não colocamos scripts prontos, a idéia é ajudar. Apresente a sua tentativa, e diga qual a sua dificuldade.

[Douglas Goulart 0]

Aí está um esboço de uma tabela:

 

<table width="90%" cellpadding="0" cellspacing="0">

<tr>

<td>

<ul>

<li><a href="imagens/fotos/imagem1.jpg"></li>

<li><a href="imagens/fotos/imagem2.jpg"></li>

<li><a href="imagens/fotos/imagem3.jpg"></li>

</ul>

</td>

</tr>

</table>

 

Na célula <td> inseri uma lista não ordenada e cada <li> com um link e com uma figura correspondente. A minha pergunta é: onde eu declaro os scripts em .js e o css da jQuery (jCarouselLite), sendo que já tenho nessa página (default.php) um script em lightbox. É possivel fazer ou juntar dois jQueries diferentes numa mesma página? E como ficaria o arquivo em css? Essa é a minha grande dificuldade.

 

Me dá uma moral ... []'s

[William Bruno 1501]

é só declarar os 2 juntos na mesma página, apenas informando uma única vez a lib jQuery. Só isso.

 

Dá uma estudada sobre tableless, tá esquisita essa tabela ai.

[Douglas Goulart 0]

//todos os scripts

 

<title>Untitled Document</title>

<link href="estilos/css/estilos.css" rel="stylesheet" type="text/css" />

<link href="estilos/css/lightbox.css" rel="stylesheet" type="text/css" media="screen" />

<link href="estilos/css/style.css" rel="stylesheet" type="text/css" />

 

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

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

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

 

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

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

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

 

 

 

 

 

 

// celula td

 

<tr>

<td colspan="2" valign="top" width="225">

<div id="destaque">

<ul>

<li><img src="imagem/fotos/anime_place.jpg" alt="" /> </li>

<li><img src="imagem/fotos/pixote_skol.jpg" alt="" /></li>

<li><img src="imagem/fotos/trilha1.jpg" alt="" /></li>

<li><img src="imagem/fotos/spjera2-1.jpg" alt="" /></li>

</ul>

</div>

 

 

 

 

// codigo cycle.js

 

<script type="text/javascript">

 

$(function() {

$('#destaque ul').cycle({

fx: 'slideY',

speed: 2000

})

})

 

</script>

 

 

//codigo style.css

 

#destaque {

width:225px;

height:225px;

overflow:hidden;

}

 

#destaque ul {

list-style:none;

}

 

 

E como é a posição do script (cycle.js) dentro da página? Pq fiz tudo isso e o efeito não funfou dentro da célula da tabela. Me ajuda aí!!!

[]'s

[William Bruno 1501]

o seu problema ai é conflito entre 2 libs diferentes.

 

dá uma lida aqui:

http://wbruno.com.br/2011/08/24/noconflict-jquery-usando-2-bibliotecas-javascript-alias/

[Douglas Goulart 0]

Tá ... não entendi uma linha sequer ... mas como ficaria esse noConflict no meu script?

 

[]'s

[William Bruno 1501]

cara... ai fica dificil te ajudar. você realmente leu ?

 

jQuery(function() {
jQuery('#destaque ul').cycle({
fx: 'slideY',
speed: 2000
})
})

 

e sempre q for usar a jQuery, use a palavra jQuery e não o simbolo $.

Se você tivesse se dado o trabalho de ler, teria entendido isso do artigo que postei.

[Douglas Goulart 0]

Obrigado irmão ... agora q li direitinho e acabou funcionando ... vlw!!!

 

Fica com Deus!!!

 

[]'s