Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
tenho minha pagina inicial com as noticias, ai quero dar uma incrementada com um fade nas imagens das noticias...
ta quase tudo funcionando, o problema é q não consigo alinhar o texto em volta da imagem como era antes se usar o fade.
Exemplo:
Antes do fade era assim:
Agora com o fade, ta assim:
quero aplicar o fade e utilizar o alinhamento do texto em volta das imagens..
tem jeito?
Código do js:
<style type="text/css">
pre { display:none }
</style>
<script type="text/javascript" src="jquery-1.3.js"></script>
<script type="text/javascript" src="chili-1.7.pack.js"></script>
<script type="text/javascript" src="jquery.cycle.all.js?v2.56"></script>
<script type="text/javascript" src="jquery.easing.1.1.1.js"></script>
<script type="text/javascript">
$.fn.cycle.defaults.speed = 900;
$.fn.cycle.defaults.timeout = 6000;
$(function() {
// run the code in the markup!
$('#demos pre code').each(function() {
eval($(this).text());
});
});
</script>Código do box completo:
<div class="noticia_principal">
<h1 class="title"><strong>Praça Central é alvo de vandalismo</strong></h1>
<div class="entry">
<div id="demos">
<div id="fade">
<p><img src="01.jpg" width="230" height="200" /></p>
<p><img src="02.jpg" width="230" height="200" /></p>
<p><img src="03.jpg" width="230" height="200" /></p>
</div>
<pre><code class="mix">$('#fade').cycle();</code></pre>
<script type="text/javascript">
_uacct = "UA-850242-2";
urchinTracker();
</script>
</div>
<p>A recém revitalizada Praça Nossa Senhora Aparecida (Praça Central), reformada a menos de cinco meses já está com boa parte dos bancos e mesas destruídos pelos vândalos, sendo alvo de atos de depredação. Neste último final de semana a praça central teve banco arrancado, mesas quebradas, banco rabiscado, bancos das mesas quebrados. Além de danos na parte visual, o prejuízo é também financeiro e pago pela população. Todo trabalho e esforço da administração municipal em levar qualidade de vida à sua população são prejudicados com atos de vandalismos desta e de qualquer outra natureza. Essas pessoas deveriam saber de que estão destruindo algo que foi feita para elas. Os bancos, mesas com bancos em volta, foram instalados recentemente com o objetivo de deixar a praça bonita, além de cumprirem com sua função social de lazer. <a href="noticias/not19.html">Leia mais</a></p>
</div>
</div>Se não fez isso, experimente atacar a imagem com um float:left, diretamente na imagem, exemplo:
#suadiv img{
float:left;
padding:4px;
}E se for isso mesmo esse tópico está no lugar errado. O tópico é antigo mas estou apenas tentando tirar a dúvida do rapaz!
daria para ver o codigo?