Jump to content
blackz17

Imagem não carrega

Recommended Posts

Seguinte, não sou programador nem nada mas gosto de aprender coisas relacionadas a programação em diferentes ambientes (web, c#, android...), faz muito tempo que mexi no dreamweaver e relacionados a web, eu coloquei uma imagem (32x32 png) no dreamweaver em um botão de dropdown

<button class="dropdown-item" type="button"><img src="icons/brazil.png"><?php echo $portuguese; ?></button>

a imagem carrega no dreamweaver (ela aparece), mas quando dou F12 pra abrir no navegador a imagem vem quebrada

663984023_Anotao2019-07-26200325.png.f0a1074a5245c20de14b08fb97ee01da.png

aí não sei nem como identificar o problema nem onde ocorre, uso dreamweaver cs6, testei nos navegadores (firefox, chrome, edge e internet explorer) e uso w10 64bits (não sei se tem a ver mas taí)

Share this post


Link to post
Share on other sites

@blackz17,

 

Isso acontece pois o navegador não está conseguindo acessar a imagem. Já que está utilizando caminho relativo, a pasta icons (que contém brazil.png) deve estar na mesma pasta do arquivo HTML. Verifique se o arquivo existe de fato, no local especificado.

Share this post


Link to post
Share on other sites
25 minutos atrás, leaodev disse:

@blackz17,

 

Isso acontece pois o navegador não está conseguindo acessar a imagem. Já que está utilizando caminho relativo, a pasta icons (que contém brazil.png) deve estar na mesma pasta do arquivo HTML. Verifique se o arquivo existe de fato, no local especificado.

meu index é .php e não .html, tem alguma coisa a ver pra não aparecer a imagem?

 

código completo:

<?php
session_start();
require 'requirelanguage.php';
?>
<!DOCTYPE html>
<html lang="es">
    <head>
<title><?php echo $title?></title>   
    <meta http-equiv="content-type" content="text/html" charset="UTF-8">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.2/css/bootstrap.min.css" integrity="sha384-y3tfxAZXuh4HwSYylfB+J125MxIs6mR5FOHamPBG064zB+AFeWH94NdvaCBm8qnd" crossorigin="anonymous">
    <meta name="keywords" content="php, multilingüe, multiidioma,website">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.2/js/bootstrap.min.js" integrity="sha384-vZ2WRJMwsjRMW/8U7i6PWi6AlO1L79snBrmgiDpgIWJ82z8eA5lenwvxbMV1PAh7" crossorigin="anonymous"></script>

    </head>
        <body>
            <nav class="navbar navbar-light bg-faded">
  <div class="nav navbar-nav">
    <a class="nav-item nav-link active" href="#"><?php echo $inicio; ?> <span class="sr-only">(current)</span></a>
    
    <div class="dropdown closed" align="right">
  <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    <img src="icons/<?php echo $lang ?>.png" > <?php echo $lang; ?>
  </button>
  <div class="dropdown-menu" aria-labelledby="dropdownMenu2">
      <a href="changelanguage.php?language=pt">
    <button class="dropdown-item" type="button"><img src="icons/pt.png"> <?php echo $portuguese; ?></button>      
      </a>
      <a href="changelanguage.php?language=en">
    <button class="dropdown-item" type="button"><img src="icons/en.png"> <?php echo $english; ?></button>
      </a>
      <a href="changelanguage.php?language=fr">
    <button class="dropdown-item" type="button"><img src="icons/fr.png"> <?php echo $french; ?></button>
      </a>
  </div>
</div>
  
  </div>
</nav>
            <div><?php echo $holamundo; ?></div>

</body>   
</html>

e sim, a pasta icons está no mesmo local do arquivo .php e ambos no diretório htdocs do xampp

252909997_Anotao2019-07-27123149.png.48094df18fc3afdb5e19d38059d70f36.png

 

Share this post


Link to post
Share on other sites

blackz17

Mostre o nome dos seus arquivos de imagens:

252909997_Anotao2019-07-27123149.png.48094df18fc3afdb5e19d38059d70f36.png

Coloque uma imagem com as imagens que estão dentro de sua pasta icons.

 

O que esta acontecendo é que o caminho declarados dentro de <img src="caminho"> está errado.

Verifique se o FORMATO da IMAGEM é mesmo PNG ou se é JPG.

 

<img src="icons/NomeDaImagem.EXTENSÃO">

 

Se a minha resposta for útil não esqueça de agradecer e votar positivo.

Espero ter ajudado de alguma forma.

 

Att
Felipe Guedes Coutinho

Share this post


Link to post
Share on other sites
2 horas atrás, Felipe Guedes Coutinho disse:

blackz17

Mostre o nome dos seus arquivos de imagens:

252909997_Anotao2019-07-27123149.png.48094df18fc3afdb5e19d38059d70f36.png

Coloque uma imagem com as imagens que estão dentro de sua pasta icons.

 

O que esta acontecendo é que o caminho declarados dentro de <img src="caminho"> está errado.

Verifique se o FORMATO da IMAGEM é mesmo PNG ou se é JPG.

 

<img src="icons/NomeDaImagem.EXTENSÃO">

 

Se a minha resposta for útil não esqueça de agradecer e votar positivo.

Espero ter ajudado de alguma forma.

 

Att
Felipe Guedes Coutinho

Como o @Felipe Guedes Coutinho  disse verifica as extensão das imagem

ou você pode criar isso em seu banco de dados fazer os cadastros através de um painel que assim você não se preocupa em ver extensão das imagem 

por ex:

 

<?php
session_start();
require 'requirelanguage.php';

?>
<!DOCTYPE html>
<html lang="es">
    <head>
<title><?php echo $title?></title>   
    <meta http-equiv="content-type" content="text/html" charset="UTF-8">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.2/css/bootstrap.min.css" integrity="sha384-y3tfxAZXuh4HwSYylfB+J125MxIs6mR5FOHamPBG064zB+AFeWH94NdvaCBm8qnd" crossorigin="anonymous">
    <meta name="keywords" content="php, multilingüe, multiidioma,website">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.2/js/bootstrap.min.js" integrity="sha384-vZ2WRJMwsjRMW/8U7i6PWi6AlO1L79snBrmgiDpgIWJ82z8eA5lenwvxbMV1PAh7" crossorigin="anonymous"></script>

    </head>
        <body>
            <nav class="navbar navbar-light bg-faded">
  <div class="nav navbar-nav">
    <a class="nav-item nav-link active" href="#"><?php echo $inicio; ?> <span class="sr-only">(current)</span></a>
    
      <div class="dropdown closed" align="right">
  <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    <img src="icons/<?php echo $lang ?>.png" > <?php echo $lang; ?>
  </button>
  <div class="dropdown-menu" aria-labelledby="dropdownMenu2">
<?php 
// AQUI FAZ TODAS AS LISTAGEM DAS LINGUAGEM QUE FORAM CADASTRADAS
     $Query = DBRead('language','*',"ORDER BY id DESC"); 
      
     if (is_array($Query)) { foreach ($Query as $dados) 
      { ?>
      <a href="changelanguage.php?language=<?php echo $sigla; ?>">
    <button class="dropdown-item" type="button"><img src="icons/<?php echo $imagem; ?>"> <?php echo $titulo; ?></button>      
      </a>
<?php }} ?>
  </div> <!-- dropdownMenu2 -->
</div>
  
  </div>
</nav>
            <div><?php echo $holamundo; ?></div>

</body>   
</html>

Fiz um ex: mais você pode fazer do seu modo

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By opl12
      Olá Mestres
       
      Estou testando enviar email pelo PHP,
       
      No windows 10 Instalei o Xampp, e fiz as configurações abaixo: 
      Configurei o arquivo php.ini com:  sendmail_path = "\"C:\xampp\sendmail\sendmail.exe\" -t"
       
      configurei o arquivo sendmail.ini com: smtp_server=smtp.gmail.com
      smtp_port=587
      auth_username= meu_email@gmail.com
      auth_password= minha_senha_do_email
       
       
      Pelo código php não retorna em erro, apenas diz que foi enviado com sucesso. 
      mas o email nunca chega hahahahah nem está no lixo eletônico
       
      Sabem se falta algo?

       
       
       
       
    • By Superwagtel
      Como faço para trocar meu servidor Wamp pelo Servidor Xampp
       
      Na verdade me disseram que basta desativar o Wamp, mas como faço isto?
       
      Grato para quem puder me ajudar
    • By leonardoc.g
      Quando eu tento fazer conexão no banco de dados pelo Dreamweaver me aparece essa mensagem:
       
      your php server doesn't have the MySQL module loaded or you cant't use the mysql_(p)connect functions
       
       
    • By Nightmare SEP
      Bom dia,
      Eu tenho configurado em um servidor no meu trabalho, um sistema da intranet (PHP e MySQL), onde já está tudo configurado.
      Esses tempos tivemos um problema no servidor, eu precisei reinstalar o XAMPP e para ficar tudo configurado eu copiei toda a pasta do XAMPP que eu tinha backup e colei por cima. Tudo funcionou corretamente mas agora eu preciso migrar para um novo servidor, e gostaria de fazer algumas alterações.
       
      1 - Como eu configuro um nome (host) para acessar a intranet. Por exemplo, estou acessando de um computador dentro da minha rede, e quero ir no navegador e digitar: http://intranet. Sem ter a necessidade de digitar o IP do servidor.
      2 - Qual arquivo devo editar para criar/alterar o usuário e senha de conexão com o banco de dados?
      3 - Quando eu fiz essa cópia das pastas, o serviço do apache no windows veio como padrão a mesma unidade de disco que estava antes (no caso a unidade E:), mas eu gostaria de mudar também esse caminho. Tem um arquivo que eu consiga editar esse caminho do serviço?
       
      Valeu!
    • By MateusOFCZ
      Olá, estou desenvolvendo meu TCC no Netbeans usando Java, quando estava fazendo as telas em JFrame, percebi que ele cria uma conexão toda hora que acessa uma tela (http://prntscr.com/op1tjc) fazendo com que "desconecte" o usuário que estava logado, gostaria de saber se tem alguma forma de fazer com que toda vez que troca de tela ele continua com a conexão anterior ao invés de criar uma nova, fazendo com que ele desconecte o usuário que estava logado.

       
       
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.