Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Opa galera...
Utilizo dois JCarouselLite no site, um que desliza na horizontal, e outro na vertical...
O Carousel horizontal funciona normalmente...
Segue o código:
<div class="nav">
<button class="prev"></button>
</div>
<div class="muralCarousel">
<ul>
<?php
$data_atual_mural = date('Y-m-d');
$sql_mural = mysql_query("SELECT * FROM mural ORDER BY id DESC LIMIT 10");
while ($row_mural = mysql_fetch_array($sql_mural)){
?>
<li>
<div class="dataMural">
<?php echo date('d', strtotime($row_mural['data'])).' de '; ?>
<?php
switch (date("m", strtotime($row_mural['data']))) {
case "01": $mes_mural = 'janeiro'; break;
case "02": $mes_mural = 'fevereiro'; break;
case "03": $mes_mural = 'março'; break;
case "04": $mes_mural = 'abril'; break;
case "05": $mes_mural = 'maio'; break;
case "06": $mes_mural = 'junho'; break;
case "07": $mes_mural = 'julho'; break;
case "08": $mes_mural = 'agosto'; break;
case "09": $mes_mural = 'setembro'; break;
case "10": $mes_mural = 'outubro'; break;
case "11": $mes_mural = 'novembro'; break;
case "12": $mes_mural = 'dezembro'; break;
}
echo $mes_mural.' de '.date('Y', strtotime($row_mural['data']));
?>
</div>
<div class="nomeMural delta2">
<?php echo $row_mural['nome']; ?>
</div>
<div class="recadoMural">
<?php
if (strlen($row_mural['mensagem'])>230)
echo substr($row_mural['mensagem'], 0, 230)."...";
else
echo $row_mural['mensagem'];
?>
</div>
</li>
<?php
}
?>
</ul>
</div>
<div class="nav">
<button class="next"></button>
</div>
<script type="text/javascript">
$(function() {
$(".muralCarousel").jCarouselLite({
btnNext: ".next",
btnPrev: ".prev",
vertical: false,
speed: 800,
auto: 5000,
circular: true,
visible: 1,
scroll: 1
});
});
</script>
Já no Carousel que deve ser na vertical, ele não funciona, e ainda faz com que outros plugins parem de funcionar (como o slider, featuredlist, etc...)
Ele deve ser na vertical e ter 4 dados visíveis...
Segue o código:
<div class="calendarioCarousel">
<ul>
<?php
$data_atual_calendario = date('Y-m-d');
$sql_calendario = mysql_query("SELECT * FROM calendario WHERE data_calendario >= '$data_atual_calendario' ORDER BY data_calendario ASC");
while ($row_calend = mysql_fetch_array($sql_calendario)){
?>
<li>
<div class="dataCalendario">
<div class="diaCalendario delta">
<?php echo date('d', strtotime($row_calend['data_calendario'])); ?>
</div>
<div class="mesCalendario delta">
<?php
switch (date("m", strtotime($row_calend['data_calendario']))) {
case "01": $mes_calendario = 'JAN'; break;
case "02": $mes_calendario = 'FEV'; break;
case "03": $mes_calendario = 'MAR'; break;
case "04": $mes_calendario = 'ABR'; break;
case "05": $mes_calendario = 'MAI'; break;
case "06": $mes_calendario = 'JUN'; break;
case "07": $mes_calendario = 'JUL'; break;
case "08": $mes_calendario = 'AGO'; break;
case "09": $mes_calendario = 'SET'; break;
case "10": $mes_calendario = 'OUT'; break;
case "11": $mes_calendario = 'NOV'; break;
case "12": $mes_calendario = 'DEZ'; break;
}
echo $mes_calendario;
?>
</div>
</div>
<div class="dadosCalendario">
<div class="tituloCalendario delta">
<?php echo $row_calend['titulo_calendario']; ?>
</div>
<div class="descricaoCalendario">
<?php echo $row_calend['descricao_calendario']; ?>
</div>
<div style="clear:both;"></div>
</div>
<div style="clear:both;"></div>
</li>
<?php
}
?>
</ul>
</div>
<div class="navAnteriores">
<a href="index.php?pri=eventos" class="anteriores">» EVENTOS ANTERIORES</a>
</div>
<div class="nav">
<button class="prev_calendario"></button>
<button class="next_calendario"></button>
</div>
<script type="text/javascript">
$(function() {
$(".calendarioCarousel").jCarouselLite({
btnNext: ".next_calendario",
btnPrev: ".prev_calendario",
vertical: false, /* ao trocar pra true apresenta erro */
speed: 800,
auto: 5000,
circular: false,
visible: 1,
scroll: 1
});
});
</script>
A página é essa:
http://www.fiskfronteira.com.br/index.php
Segue screen de quando mudo vertical para true:
/applications/core/interface/imageproxy/imageproxy.php?img=http://www.fiskfronteira.com.br/screenerro.jpg&key=99b5c2dc2daef41071ac68ab6ec2f5ff2dd264cda40e7a01ad621ca8e7bf1186" alt="screenerro.jpg" />
Lembrando que antes funcionava corretamente, simplesmente parou de funcionar do nada...
O que eu faço???
Obrigado
Até mais!
Não cara... Ele está funcionando, mas note que no Calendário, ele está passando na horizontal os dados... Quando eu troco na função dele vertical para true, daí sim que ele dá aquele problema da screen que eu postei...
Vou tentar dar uma validada no html hoje a tarde, qualquer coisa volto a postar daí!
dá uma validada no HTML:
http://validator.w3.org/check
Aqui funcionou no Firefox, você já corrigiu ?