Erro ao carregar imagens em HTML, PHP e JavaSript

[Douglas Jr Machado 0]

E aí pessoal, esse é meu primeiro post no fórum, escolhi este porque é onde eu acho as melhores respostas para as minhas perguntas sobre o assunto, mas chega de bajulação e vamos ao problema.

 

Estou construindo um TCC onde a página inicial exibe uma galeria de imagens com jquery (com efeito de FADE). As imagens são inseridas em HTML e exibidas no jQuery (até o tamanho da imagem é definido em javascript), o problema é que uns dias pra cá as imagens não estão mais sendo exibidas. As imagens que serão exibidas são controladas pelo usuário administrador, quando eu tento exibir direto em HTML elas são exibidas, mas quando elas são exibidas no jQuery só exibe o nome delas definidos no "ALT", abaixo segue o código.

<div id="painelAtualizacao">
                <div id="banner-fade">
                    <ul class="bjqs">
                        <?php
                        require './Banco/conexao.php';
                        $sqlBusca = mysql_query("SELECT * FROM `cadimgslide` WHERE `condSlide` = 'SIM'");
                        //Busca o nome das quatro imagens que serão carregadas na página principal
                        $contaBusca = mysql_num_rows($sqlBusca);
                        //Checa a quantidade de dados que vai retornar da busca
                        if ($contaBusca == 0) {
                            echo "<li><img src='Imagens/Fade/Fotografia-Buzzero1.jpg' alt='Imagem padrão'/></li>";
                        //Caso a busca no banco não retorne zero linhas quer dizer que não há imagens configuradas para serem mostradas no jQuery e exibe esta que está definida em HTML
                        }else{
                            while ($resultadoSql = mysql_fetch_array($sqlBusca)) {
                                echo "<li><img src='Imagens/Fade/".$resultadoSql['nomeImagem']."' alt='".$resultadoSql['nomeImagem']."'></li>";
                        //Faz um While em PHP e a cada loop ele retorna um resultado da busca no Mysql, cada "nomeImagem" é o nome de uma imagem, o nome que está no banco é o mesmo que está na pasta então só irá carregar as imagens que estão configuradas pelo banco
                            }
                        }                        
                        mysql_close($conectarBanco);
                        ?>
                    </ul>
                </div>
            </div>
            <script class="secret-source">
        jQuery(document).ready(function($) {

          $('#banner-fade').bjqs({
            height      : 320,
            width       : 620,
            responsive  : true
          });
        });
      </script>

O único problema é que as imagens que estão configuras para serem mostradas, funcionam quando são carregadas em HTML, com permissões e tudo, mas quando tento fazer isto na jQuery não funciona, gostaria de saber se tem como carregar estas imagens direto em javascrpit, eu to ficando louco procurando o problema, mas sempre que carregava elas em HTML funcionava, mas quando fiz este WHILE com o PHP ele só fica exibindo o ATL da imagem, que é o nome, e ele está correto, por favor peço ajuda pois alguma coisa está errada nisso.

Vcs não vão acreditar, depois de 5 min olhando para o código eu resolvi o problema, eu estava olhando alguns outros tópicos, onde a galera também tinha problema com o carregamento das imagens, então percebi que a maioria dos problemas estava em relação aos diretórios, então resolvi pensar no meu por acaso dei uma olhada e o problema era realmente este.

 

Código errado:

echo "<li><img src='Imagens/Fade/".$resultadoSql['nomeImagem']."' alt='".$resultadoSql['nomeImagem']."'></li>";

Código certo:

echo "<li><img src='Adm/Imagens/Fade/".$resultadoSql['nomeImagem']."' alt='".$resultadoSql['nomeImagem']."'></li>";

Espero que isto ajude alguém mais, o código parece gambiarra, mas o bom dele é que é totalmente editável, depende da necessidade.

[MSBaroni 1]

As imagens estão mesmo na pasta que está no código? e tenta colocar a url completa para garantir:

 

<img src='Imagens/Fade/Fotografia-Buzzero1.jpg' alt='Imagem padrão'/>

 

<img src="www.seusite.com/Imagens/Fade/Fotografia-Buzzero1.jpg" alt="Imagem padrão"/>

 

E você está trocando as aspas: ao invés de ' ' coloque " ".