Problema com Cycle (slider)

[Buthy 0]

Então galera..

 

Desenvolvi um site, que estava funcionando tudo 100%... O site tem painel administrativo e o seu conteúdo é publicado pelo dono do site...

 

O link é esse: http://www.fiskfronteira.com.br/index.php

 

Notem que o slider e a parte de ações promocionais não estão funcionando (antes funcionava)

 

O código onde o slider é esse:

<div id="promo_01" class="promo-container primary-promo-container">

<ul class="promo-navigation clean"></ul><!-- //promo-navigation (auto generated) -->

	<ul class="promos clean">

		<?php
		$sql_slider = mysql_query("SELECT * FROM slider ORDER BY id_slider DESC");
		$cont_slider = 1;
		while ($row_sli = mysql_fetch_array($sql_slider)){
			if ($cont_slider != 1){
				$class_slider = ' class="hidden"';
			}else{
				$class_slider = ' class="first"';
			}
			if ($row_sli['link_slider'] != ""){
				$href_sli = $row_sli['link_slider'];
			}else{
				$href_sli = '#';
			}
		?>
			<li <?php echo $class_slider; ?>>
				<a href="<?php echo $href_sli; ?>"<?php if ($row_sli['janela_slider'] == "S") { echo ' target="_blank"'; } ?>>
					<img src="images/slider/<?php echo $row_sli['path_slider']; ?>" alt="<?php echo $row_sli['id_slider']; ?>" width="990" height="285" />
				</a>
			</li>
		<?php
			$cont_slider = $cont_slider + 1;
		}
		?>

	</ul><!-- // promo list -->

</div><!-- //promo-container -->

<script type="text/javascript">
jQuery(function($){

	// Full options at http://jquery.malsup.com/cycle/options.html
	$('#promo_01 .promos').cycle({
		fx: 		'slideY', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
		pager: 		'#promo_01 .promo-navigation',
		pause: 		1,
		delay:		3000
	});
});
</script>

 

Chamada do JS:

<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
<script type="text/javascript" src="js/jquery.validate.js"></script>
<script type="text/javascript" src="js/jquery.cycle.all.min.js"></script>
<script type="text/javascript" src="js/jcarousellite_1.0.1.min.js"></script>
<script type="text/javascript" src="js/jquery.featureList-1.0.0.js"></script>
<script type="text/javascript" src="js/jquery.carousel.js"></script>
<script type="text/javascript" src="js/functions.js"></script>

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

<script src="js/cufon.yui.js"></script>
<script type="text/javascript" src="js/Delta_Jaeger.font.js"></script>

 

CSS:

#slider {
width:990px;
height:285px;
margin:0 auto;
z-index:-999;
}
#slider img, #acoes-promocionais img {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.promo-navigation a, .pagination a, .pagination a span, .ads, .demogrid p {
border:0;
background:#ddd;
}
.promo-navigation .activeSlide, form.standard .button, .sfHover, .sf-menu li ul {
background:#cf2026;
border:2px solid #cf2026;
}
.primary-promo-container {
margin:0 0 40px 0;
}
.promo-container {
position:relative;
}
.promo-navigation {
position:absolute;
bottom:10px;
left:5px;
z-index:20;
}
.promo-navigation a {
display:block;
float:left;
width:10px;
height:10px;
text-indent:-9999px;
margin-left:5px;
}
.promo-navigation-small a {
width:10px;
height:10px;
}
.promo-bottom-navigation  {
padding-bottom:20px;
clear:both;
}
.promo-bottom-navigation .promo-navigation {
bottom:0;
right:0;
}

 

Não creio que o conteúdo que foi postado pelo usuário afetou no funcionamento do slider...

Pois exclui os dados, postei novos, e nada mudou...

 

Parece que o jquery não está sendo carregado, talvez por algum conflito, nao sei... Mas o que explicaria ele estar ha um mes no ar, e somente agora dar problema?

 

Alguma solução?

[William Bruno 1501]

aperte Crtl+Shift+J no Chrome ou Firefox, e veja o erro de javascript lá.

 

corrija.

[Buthy 0]

Uncaught TypeError: Cannot read property 'offsetHeight' of undefined jcarousellite_1.0.1.min.js:1

 

Ok, tem esse erro... Mas o que eu tenho que fazer?

 

function height(a){return a[0].offsetHeight+css(a,'marginTop')+css(a,'marginBottom')}

 

É nessa parte???

[William Bruno 1501]

tente definindo uma altura em px para o elemento:

 

.promos e para os filhos dele.

[Buthy 0]

Tentei mas não deu certo cara...

 

No Firefox aparece: a[0] undefined

 

Tentei colocar no CSS um height para o .promos, .promo-container, .primary-promo-container, #promo_01.. e nada!

[Buthy 0]

Alguém pode ajudar?

 

Já não sei mais se é problema com o Cycle, ou com o JCarouselLite... O que sei é que isso tá influenciando nos outros plugins tbm.. como o FeaturedList (que tbm não funciona)...

 

O único que está funcionando é o prettyPhoto...