Carousel Bootstrap com PHP - Problema Visualização

[Lfmesquita 0]

Estou com o seguinte problema:

Criei um código PHP que monta perfeitamente o carousel com o nome das imagens em meu banco de dados, porém o carousel fica congelado na primeira imagem, sei que é apenas um detalhe mas não estou conseguindo rodar.

<?php
 // Parte que chama o slider como o id das fotosextras
$idp = $imovel;
$sqls = mysql_query("SELECT * FROM imovelfotoextra WHERE idimovel='".$idp."' order by id desc LIMIT 16");
$numRegistros = mysql_num_rows($sqls);
$contador = $numRegistros;
?>
 
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<?php 
If ($numRegistros != 0){
// <!-- Indicators -->
echo "<ol class=\"carousel-indicators\">";
$reg = 0;
while ($dadoss=mysql_fetch_array($sqls)){
if ($contador == 1 || $reg == 0){
echo "<li data-target=\"#myCarousel\" data-slide-to=\"".$reg."\" class=\"active\"></li>";
$contador = $contador + 1;
$reg = $reg + 1;
} else {
echo "<li data-target=\"#myCarousel\" data-slide-to=\"".$reg."\"></li>";
$contador = $contador + 1;
$reg = $reg + 1;
}
}
echo "</ol> 
<div class=\"carousel-inner\">";
$sqltris = mysql_query("SELECT * FROM imovelfotoextra WHERE idimovel='".$idp."' order by id asc LIMIT 16");
$flagtris = 0;
while($dadostris=mysql_fetch_array($sqltris)){ 
if ($flagtris == 0){
echo "<div class=\"item active\">
<img src=\"paginas/midias/images/".$dadostris[foto]."\" Alt=\"".$dadostris[foto]."\" border=\"0\" /></div>";
} else {
echo "<div class=\"item\">
<img src=\"paginas/midias/images/".$dadostris[foto]."\" Alt=\"".$dadostris[foto]."\" border=\"0\" /></div>";
}
$flagtris = 1;
}
echo "</div>";
} else {
echo "<ol class=\"carousel-indicators\">";
echo "<li data-target=\"#myCarousel\" data-slide-to=\"0\" class=\"active\"></li>";
echo "</ol> <div class=\"carousel-inner\">";
echo "<div class=\"item active\"><img src=\"paginas/thumbs.php?w=200&h=125&imagem=midias/images/".$mostra[foto]."\" border=\"0\"></div>";
echo "</div>";
}
?>
<!-- Left and right controls -->
<a class=\"left carousel-control\" href=\"#myCarousel\" role=\"button\" data-slide=\"prev\">
<span class=\"glyphicon glyphicon-chevron-left\" aria-hidden=\"true\"></span>
<span class=\"sr-only\">Anterior</span>
</a>
<a class=\"right carousel-control\" href=\"#myCarousel\" role=\"button\" data-slide=\"next\">
<span class=\"glyphicon glyphicon-chevron-right\" aria-hidden=\"true\"></span>
<span class=\"sr-only\">Próximo</span>
</a>
</div>

Um exemplo do que ocorre pode ser localizado em http://www.forsterimoveis.com.br/index.php?p=imovel&id=1071 ao clicar no carousel ele não vai para a próxima imagem do imóvel.

Agradeço desde já.
Cordialmente.
Leandro Mesquita

[AndersonMamede 88]

No Chrome (ou Firefox): entre na sua página, abra o console de desenvolvedor (F12) e selecione a aba "Console" e então atualize a página. Você vai ver a mensagem de erro:

bootstrap.min.js:6 Uncaught Error: Bootstrap's JavaScript requires jQuery(…)

Apesar de você ter incluído o jQuery, ele está depois do bootstrap.min.js, quando na verdade deveria vir antes do bootstrap.min.js (pois ele é utilizado lá dentro). Mova a linha do jquery para antes do boostrap que o problema deve resolver.

[Lfmesquita 0]

No Chrome (ou Firefox): entre na sua página, abra o console de desenvolvedor (F12) e selecione a aba "Console" e então atualize a página. Você vai ver a mensagem de erro:

bootstrap.min.js:6 Uncaught Error: Bootstrap's JavaScript requires jQuery(…)

Apesar de você ter incluído o jQuery, ele está depois do bootstrap.min.js, quando na verdade deveria vir antes do bootstrap.min.js (pois ele é utilizado lá dentro). Mova a linha do jquery para antes do boostrap que o problema deve resolver.

Valeu pela dica.

Além da ordem de chamada dos scripts a versão do Bootstrap precisava da versão 1.9.1 do jquery.

Muito Obrigado. Tudo Resolvido!!!!

[AndersonMamede 88]

Beleza!!

Abraço

[MARCOS VINICIUS LOPES 1]

@AndersonMamede no meu caso nao deu certo , ele funciona mais apenas para o primeiro resultado do while os outros fica congelado, segue abaixo meu codigo.