Ir para conteúdo

Pesquisar na Comunidade

Mostrando resultados para as tags ''imagem''.

  • Pesquisar por Tags

    Digite tags separadas por vírgulas
  • Pesquisar por Autor

Tipo de Conteúdo


Todas as áreas do Fórum

  • Q&A Desenvolvimento
    • Perguntas e respostas rápidas
  • Desenvolvimento e Banco de Dados
    • HTML e CSS
    • Java
    • Javascript
    • .NET
    • PHP
    • Python
    • Ruby
    • Mobile
    • Ambientes de Desenvolvimento
    • Arquitetura e Métodos Ágeis
    • Banco de Dados
    • DevOps
    • Desenvolvimento de Games
    • E-Commerce e Pagamentos Online
    • SEO e Otimizações
    • WordPress
    • Algoritmos & Outras Tecnologias
  • Design e Produto
    • Fotografia
    • Photoshop
    • Design de interfaces e UX
    • Edição/Produção de Vídeos
    • Marketing Online
    • Desenho, Ilustração e 3D
  • Entretenimento e uso pessoal
    • Geral
    • Segurança & Malwares
    • Gadgets e wearable
    • Softwares e Apps
    • Entretenimento

Encontrar resultados em...

Encontrar resultados que...


Data de Criação

  • Início

    FIM


Data de Atualização

  • Início

    FIM


Filtrar pelo número de...

Data de Registro

  • Início

    FIM


Grupo


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Encontrado 139 registros

  1. Luck_.

    Dúvida com imagem e link

    Opa galera beleza,estou com uma dúvida.Estou desenvolvendo um site e me surgiu uma dúvida,em uma imagem tem uma área escrita (Início),para ir ao início do website,tem como eu fazer um link com essa imagem (Início) dentro de uma imagem ?
  2. Guilherme Kalel

    Imagem não aparece na página html, por que?

    Olá pessoal, minha dúvida é a seguinte. Em meu site preciso desenvolver uma página em que irei usar uma imagem, como uma fotografia por exemplo. Uso um código para isso, a imagem já está no mesmo diretório que meu arquivo html, porém tem um problema. Ao colocar o arquivo Online e acessar a página para conferir, aparece o quadrado onde deveria estar a foto e ele está em branco. Já tentei de tudo mas não consegui sanar o problema e fazer a foto aparecer. O engraçado disso tudo é que troquei a imagem pra ver, se for uma imagem com mais de 1 mega ela aparece, menos de 1 mega ela não aparece. O código em questão é o seguinte <IMG SRC="ac.jpg"> Sendo que onde está escrito AC, é o nome da imagem que coloco. Agradeço desde já quem puder ajudar.
  3. BrunoBit

    Redimensionar imagem sem perder qualidade com PHP

    Fala rapaziada. Queria saber, de acordo com a experiência de vocês, como faço pra redimensionar uma imagem .PNG sem perder qualidade com php? Pq quando eu redimensiono a imagem perde qualidade no navegador Chrome, fica levemente ofuscada, porém no firefox mantém a qualidade perfeita. Digo isso com relação à logos, geralmente redimensionadas pra 150/200px e originalmente com 1200px. Alguém conhece alguma solução? Desde já agradeço pessoal, abração e fiquem com Deus.
  4. luannsr12

    Pegar uma imagem de um site com php

    Pessoal alguém sabe me dizer como que eu possa pegar uma imagem de um site utilizando o php, igual a este site aqui. https://www.promobit.com.br/promocoes/nova-oferta/ Eu vi que lendo a pagina utilizando o file_get_contents() eu consigo ter o código fonte inteiro da pagina. mas oque eu queria saber é como pegar a imagem mais grande da pagina, ou a imagem principal. Alguém me da uma luz ai.
  5. Worn

    Poupup

    Olá amigos estou quebrando a cabeça pra fazer um poupup MODAL para por no meu site já tentei de diversas formas e não encontro um jeito de fazer é basicamente o seguinte a proposta quero que assim que iniciar o site vai abrir uma IMAGEM no caso propaganda e teria um X na imagem aonde a pessoa iria clicar e a imagem desaparecia porém não vai de forma alguma, encontrei alguns modelo na internet porém ele não é da forma que faz minha necessidade a pessoa tem que clicar para aparecer tipo um show/hiden queria algo automático
  6. premiado12

    Calendário Parede

    Vou fazer um serviço para um supermercado, aonde irei fazer um calendário de parede personalizado, gostaria de saber qual o tamanho (dimensão) eu devo usar, para que quando eu for mandar pra gráfica imprimir não perca o foco do trabalho feito.
  7. lucasvbl

    Upload de Imagens PDO PHP

    Estou com problema no upload de arquivos para o banco, quanto para a pasta especifica quanto para o banco. Esse é o formulário <form id="frmDados" name="frmDados" method="post" action="upload.php" class="form-horizontal" enctype="multipart/form-data" > <div class="form-group espacoCampos"> <label for="txtArquivo" class="col-md-3 control-label">Arquivo</label> <div class="col-md-4"> <input id="txtArquivo" name="img" type="file" placeholder="" class="form-control input-sm" autocomplete="off" /> </div> </div> </form> E esse é o de upload.php <? $arquivo = $_FILES['img']; $ext = pathinfo($arquivo['name']); // nome do arquivo $exensao = $ext['extension']; $nome_imagem = time().'.'.$extensao; /// novo nome do arquivo $caminho_imagem = $_SERVER['DOCUMENT_ROOT'].'/uploads/'.$nome_imagem; move_uploaded_file($arquivo['tmp_name'], $caminho_imagem); $_result = $_base->prepare("INSERT INTO clienteArquivos SET cliente= '$cliente', nome = '$extensao', dtUp = '$dtUp', colaborador = '$colaborador', dtLimite= '$data', arquivo = '$nome_imagem', obs = '$obs' , usuario = '$usuarioSistema' "); if($_result->execute()){ $_idCodigo = $_base->lastInsertId(); $_retorno['status'] = "1"; $_retorno['link'] = "sis-cadastroArquivo.php?acao=editar&r=".$_idCodigo; }else{ $_retorno['status'] = "400"; $_retorno['tipoMensagem'] = "danger"; $_retorno['mensagem'] = "Falha no processo"; } echo json_encode($_retorno); exit(); ?>
  8. dutopfave

    Cadastro de Produto com Imagem Não está indo

    Boa Noite, eu estou fazendo um cadastro de produtos e inclui o cadastro da imagem, porém está indo tudo certo, está cadastrando no banco de dados, só que a imagem não está indo na pasta desejável, segue o código: <?php // INICIO CADASTRAR PRODUTOS if(isset($_POST['p_nome']) && empty($_POST['p_nome']) == false){ $p_nome = addslashes($_POST['p_nome']); $p_codigo = addslashes($_POST['p_codigo']); $p_valor_venda = addslashes($_POST['p_valor_venda']); $p_valor_custo = addslashes($_POST['p_valor_custo']); $p_disponivel_estoque = addslashes($_POST['p_disponivel_estoque']); $p_minimo_estoque = addslashes($_POST['p_minimo_estoque']); $p_fornecedor = addslashes($_POST['p_fornecedor']); $p_foto = addslashes($_FILES['p_foto']); $p_link_ml = addslashes($_POST['p_link_ml']); $p_data = addslashes($_POST['p_data']); $nome_imagem = md5(time().rand(0,99)).'.png'; $caminho_imagem = "fotos/" . $nome_imagem; move_uploaded_file($p_foto['tmp_name'], $caminho_imagem); $Inserir = $pdo->prepare("INSERT INTO tb_sys_produtos (p_nome, p_codigo, p_valor_venda, p_valor_custo, p_disponivel_estoque, p_minimo_estoque, p_fornecedor, p_foto, p_link_ml, p_data) VALUES (:p_nome, :p_codigo, :p_valor_venda, :p_valor_custo, :p_disponivel_estoque, :p_minimo_estoque, :p_fornecedor, :p_foto, :p_link_ml, :p_data)"); $Inserir->bindValue(":p_nome", $p_nome); $Inserir->bindValue(":p_codigo", $p_codigo); $Inserir->bindValue(":p_valor_venda", $p_valor_venda); $Inserir->bindValue(":p_valor_custo", $p_valor_custo); $Inserir->bindValue(":p_disponivel_estoque", $p_disponivel_estoque); $Inserir->bindValue(":p_minimo_estoque", $p_minimo_estoque); $Inserir->bindValue(":p_fornecedor", $p_fornecedor); $Inserir->bindValue(":p_foto", $nome_imagem); $Inserir->bindValue(":p_link_ml", $p_link_ml); $Inserir->bindValue(":p_data", $p_data); $Inserir->execute(); header("Location: produto_novo.php?produto=salvo"); exit; } // FIM CADASTRAR PRODUTOS ?>
  9. dougPK

    Problema em ajeitar a imagem com div id

    estou com problema no desenvolvimento do meu site, eu gostaria que a imagem ocupasse td a tela , mas ela nao ocupa ate o final , mesmo sendo maior! estou criando pegando referencia como neste site : Segue os codigos que deixei na minha CSS <main class="content-main fl-left"> <div id="foto1"> <article class=" fl-right"> <h1>UMA NOVA EXPERIÊNCIA PARA QUEM É APAIXONADO POR LIVROS. </h1> <p>Somos um clube de assinatura de livros que envia</p> <br> <p>mensalmente um kit literário à casa dos associados.</p> <br> <a class="btn btn-blue radius boxshadow" href="" title="Assine">Faça Parte</a> </div> </article> e da div /*div*/ #foto1 {background-image:url(livros4.jpg);width:1300px;height:600px ;margin:0 auto;background-repeat:no-repeat;}
  10. Olá, seguinte, tenho um input text, onde eu digito "elfo" e faço a busca no banco de dados e vem a descrição do elfo, CERTINHO.. até ai... mas ai eu quero botar 1 fotinho pequena junto, então quero saber como proceder para fazer a "armazenagem" de diretório no banco de dados e puxar a imagem de acordo com a raça pesquisada, quero saber se desta forma posso adaptar outras raças e a cada puxada vir sua respectiva foto? é possível?
  11. Diego Rinno

    Cortador de Imagens em jQuery

    Primeiramente, olá a todos(as)! EXPLICAÇÃO: Estou tentando estudar a biblioteca de imagens do PHP e criar uma espécie de cortador de imagens em jQuery ao mesmo tempo, simplesmente pra ampliar meus conhecimentos na área. Não vou, de modo algum, usar plugins já prontos, sei que existem. Meu objetivo aqui é aprender a fazer um do zero, ser capaz de criar coisas e não de reutilizar. Tendo isto em vista, tenho a maior parte do código já pronta. Criei um cortador de imagens em PHP e está funcionando plenamente. O meu problema é na hora de recuperar as posições X e Y da imagem que é exibida no cortador pra então enviar ao script php que, de fato, fará o corte. Tenho dois códigos abaixo que são funcionais, criei-os para que possam testar, se quiserem. Como é um código que necessita de uma tela de tamanho razoável, não recomendo utilizar jsfiddle e similares para o teste, emulem o código num localhost. O primeiro arquivo é o index.html que chamará num iframe a página que fará o corte da imagem. A segunda, que deve ser nomeada adminImage.php é o conteúdo do iframe, o app que fará o corte da imagem. Note que nesta página há dois campos INPUT que exibem, respectivamente, as posições X e Y da área de seleção que pode ser movida, a que define o corte na foto. O REAL PROBLEMA: Apesar de tudo estar funcionando, o corte da imagem é imperfeito porque eu retorno as posições X e Y da área de corte em relação à página inteira e não ao elemento que compreende a imagem a ser cortada. Na posição inicial do seletor, os valores dentro dos campos input que exibem as posições X e Y deveriam ser, ambas, 0. No entanto, ele me retorna a posição com relação ao topo da página e não ao topo do elemento em si. Necessito de uma maneira de calcular a diferença entre o topo da página e o topo do elemento container que contém minha imagem a ser cortada para então recalcular as posições X e Y do seletor de corte subtraindo essas duas novas variáveis. Desta forma eu obteria a posição exata do seletor de corte em relação à imagem a ser cortada. Se não me fiz entender, por favor digam. Agradeço qualquer ajuda! OS CÓDIGOS: index.html <!DOCTYPE html> <HTML lang="pt"> <HEAD> <TITLE>Teste</TITLE> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="title" content="Página de teste" /> <meta name="description" content="Página de teste" /> <meta name="author" content="Diego Borges" /> <meta name="keywords" content="Página de teste" /> <meta name="reply-to" content="Página de teste" /> <meta name="generator" content="Página de teste" /> <meta property="og:url" content="Página de teste" /> <meta property="og:type" content="Página de teste" /> <meta property="og:title" content="Página de teste" /> <meta property="og:description" content="Página de teste" /> <meta property="og:image" content="Página de teste" /> <meta property="og:image:secure_url" content="Página de teste" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> <script> $(document).ready(function(){ $("#container").css("width", $('input[name="LARGURA"]', window.parent.document).val()); $("#container").css("height", $('input[name="ALTURA"]', window.parent.document).val()); var mover_seletor = 0; $("#seletor").mousedown(function(){ mover_seletor = 1; }).mouseup(function(){ mover_seletor = 0; }); $("#container").on( "mousemove", function(event) { if(mover_seletor == 1 && $("#container").is(":hover")){ $("#seletor").offset(function(n, c){ newPos = new Object(); newPos.left = event.pageX; newPos.top = event.pageY; var c = $("#container").offset(); var s = $("#seletor").offset(); var corteX = s.top - c.top; var corteY = s.left - c.left; $('input[name="corteX"]', window.parent.document).val(corteX + 150); $('input[name="corteY"]', window.parent.document).val(corteY + 100); return newPos; }); }else{ return false; } }); }); </script> </HEAD> <BODY style="margin:0 0 0;padding:0 0 0 0;overflow:hidden;"> <table style="position:fixed;top:0px;left:0px;width:100%;height:100%;background-color:rgba(0,0,0,0.85);cursor:default;"><tr><td> <center> <br /><br /><br /> <iframe src="adminImage.php" style="width:1000px;height:500px;border:none;overflow:hidden;" oncontextmenu="return false;"></iframe> <br /> <input name="ALTURA" type="hidden"> <input name="LARGURA" type="hidden"> <input id="corteX" name="corteX" type="text"> <input id="corteY" name="corteY" type="text"> <input id="imgURL" name="imgURL" type="hidden"> <div OnCLick="cropAvatar($('#corteX').val(), $('#corteY').val(), $('#imgURL').val());" class="w3-panel w3-small w3-hover-orange w3-green" style="width:200px;margin-top:5px;">Cortar Imagem</div> </center> </td></tr></table> </BODY> </HTML> adminImage.php <!DOCTYPE html> <HTML lang="pt"> <HEAD> <TITLE>Teste</TITLE> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="title" content="Página de teste" /> <meta name="description" content="Página de teste" /> <meta name="author" content="Diego Borges" /> <meta name="keywords" content="Página de teste" /> <meta name="reply-to" content="Página de teste" /> <meta name="generator" content="Página de teste" /> <meta property="og:url" content="Página de teste" /> <meta property="og:type" content="Página de teste" /> <meta property="og:title" content="Página de teste" /> <meta property="og:description" content="Página de teste" /> <meta property="og:image" content="Página de teste" /> <meta property="og:image:secure_url" content="Página de teste" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> <script> function initialOffset(){ var _container_offset = $("#container").offset(); var _seletor_offset = $("#seletor").offset(); var corteX = _seletor_offset.top - _container_offset.top; var corteY = _seletor_offset.left - _container_offset.left; $('input[name="corteX"]', window.parent.document).val(corteX + 150); $('input[name="corteY"]', window.parent.document).val(corteY + 100); } $(document).ready(function(){ initialOffset(); var largura = $('input[name="LARGURA"]', window.parent.document).val(); var altura = $('input[name="ALTURA"]', window.parent.document).val(); if(largura != '' && altura != ''){ $("#container").css("width", $('input[name="LARGURA"]', window.parent.document).val()); $("#container").css("height", $('input[name="ALTURA"]', window.parent.document).val()); } var mover_seletor = 0; $("#seletor").mousedown(function(){ mover_seletor = 1; }).mouseup(function(){ mover_seletor = 0; }); $("#container").on( "mousemove", function(event) { if(mover_seletor == 1 && $("#container").is(":hover")){ $("#seletor").offset(function(n, c){ newPos = new Object(); newPos.left = event.pageX; newPos.top = event.pageY; var container_offset = $("#container").offset(); var seletor_offset = $("#seletor").offset(); var corteX = seletor_offset.top - container_offset.top; var corteY = seletor_offset.left - container_offset.left; $('input[name="corteX"]', window.parent.document).val(corteX + 150); $('input[name="corteY"]', window.parent.document).val(corteY + 100); return newPos; }); }else{ return false; } }); }); </script> </HEAD> <BODY style="margin:0 0 0;padding:0 0 0 0;overflow:hidden;"> <div id="container" class="w3-gray" style="margin-top:-16px;width:1000px;height:500px;background-size:100% 100%;background-position:center center;background-repeat:no-repeat;background-image: url('<?php echo $_GET["url"]; ?>');"> <div id="seletor" class="w3-panel w3-small rs-button rs-red-half" style="cursor:move;height:150px;width:300px;background:rgba(0,0,0,0.25);border:2px dashed silver;"></div> </div> </BODY> </HTML>
  12. Luccas Gaulia

    [Resolvido] Envio de Imagem (upload) com erro

    Ola Pessoal, Estou querendo enviar uma imagem para a pasta do site, porém a mensagem de erro informa no ELSE "modal(error_photo_save);", sendo assim, não está conseguindo enviar a imagem corretamente... Poderiam me ajudar? receber.php if(isset($_POST['update_photo'])){ if(!empty($photo)){ $directory = '/../../admin/photos/temp/' . $_FILES['arquivo']['name']; $arq_tmp = $_FILES['photo']['tmp_name']; move_uploaded_file($arq_tmp, $directory); if(isset($_FILES['photo']['name']) && $_FILES['photo']['error'] == 0) { $arq_tmp = $_FILES['photo']['tmp_name']; $photo = $_FILES['photo']['name']; // Pega a extensão $ext = pathinfo ($photo, PATHINFO_EXTENSION); // Converte a extensão para minúsculo $ext = strtolower ($ext); // Somente imagens, .jpg;.jpeg;.gif;.png // Aqui eu enfileiro as extensões permitidas e separo por ';' // Isso serve apenas para eu poder pesquisar dentro desta String if (strstr ('.jpg;.jpeg;.gif;.png', $ext)) { $newName = "user_" . $id . "_" . time() . '.' . $ext; // Concatena a pasta com o nome $directory = '/../../admin/photos/' . $newName; // tenta mover o arquivo para o destino if (@move_uploaded_file($arq_tmp, $directory)) { $photo = $newName; $sql_update = "UPDATE tbl_admins SET photo='$photo' WHERE admin_id='$id'"; mysql_query($sql_update) or die (mysql_error()); modal(sucess_update); $exibirModal = true; } else{ modal(error_photo_save); $exibirModal = true; } } else{ modal(error_photo_ext); $exibirModal = true; } } else{ modal(error_photo_save); $exibirModal = true; } } }
  13. Sheila Pereira

    imagem no wordpress

    como faço para em um site feito em wordpress que tem uma imagem de fundo fazer uma ação nesta imagem que ao ser clicada aparece outra?
  14. guilhermeft

    Problema com imagem de compartilhamento

    Fala, pessoal, tudo bem? Seguinte, eu estou com um problema que acredito ser de fácil resolução, mas está me dando bastante dor de cabeça. Eu tenho um site Escola de Invocadores e vez ou outra quero compartilhar ele. Acontece que quando eu compartilho a página inicial, o home https://escola-de-invocadores.com.br, as imagens de compartilhamento que aparecem são aleatórias, dos últimos ou do primeiro post do site. Eu quero que a imagem seja a Logo, mas ela não aparece. Minha intenção agora nem é o facebook, mas olhei lá pelo depurador de objetos do Open Graph e ele carrega a logo, mas eu acho que a logo é muito pequena. Ela tem 135px enquanto facebook pede pelo menos 200. Porém, não sei se é isso. Queria uma forma simples de resolver. Não existe algum pluguin? Eu uso o Yoast SEO, mas ele não me foi útil nesse ponto. Só consigo editar imagens de compartilhamento dos artigos, a página inicial não tem como. Também já tentei utilizar meta tags. Posso ter feito errado, não tive sucesso. Porém, como disse, preferia usar um plugin. Desde já agradeço.
  15. Possuo no site de um cliente uma parte onde mostra o nome do usuário logado, a unidade onde ele trabalha e a foto do usuário. Estou querendo implementar uma função automatizada (em javascript e php) para que quando o usuário clique na foto abra automaticamente a janela de escolha de arquivos pra ele poder substituir a foto, se ele quiser. O código em HTML dessa parte da foto e um input de file oculto: <a title="Clique aqui para trocar sua foto" onclick='trocarFoto()'><img class='FotoAniversariante' <?php echo "src='".'upload/wt_usuario/'.$_SESSION['usuario']['id'].".jpg'></a>"; ?> <input type="file" id="imgupload" style="display:none" /> <button id="novaFoto" style="display: none"></button> E a função trocarFoto() em javascript: function trocarFoto(){ $('#imgupload').trigger('click'); } O que eu queria era que, no momento em que o novo arquivo fosse escolhido, que ele já hospedasse no diretório do meu servidor (upload/wt_usuario). Acredito que tenha que ser uma função que envolva AJAX. Mas eu também preciso garantir que ele só aceita JPG e com dimensões de 50 por 50. Como isso é possível?
  16. Olá amigos boa tarde, novamente me apareceu um erro que não consigo resolver. Tenho um código para incluir e mostrar as imagens do banco mysql com php no html, mas as imagens não aparecem, uso o mesmo código em outra página com a mesma estrutura e aparece, se alguém enxergar uma luz e me ajudar agradeço, eis os códigos: código para salvar imagem no banco: <?php // Incluindo arquivo de conexão require_once('../config/conn.php'); // Funções de utilidade require_once('../funcs/util.php'); // Constantes define('TAMANHO_MAXIMO', (2 * 1024 * 1024)); // Verificando se selecionou alguma imagem if (!isset($_FILES['foto'])) { echo retorno('Selecione uma imagem'); exit; } if (!isset($_POST['descricao'])) { echo retorno('Preencha o campo descrição!'); exit; } if (!isset($_POST['link'])) { echo retorno('Escreva o link da página!'); exit; } // Recupera os dados dos campos $foto = $_FILES['foto']; $descricao = $_POST['descricao']; $nome = $foto['name']; $tipo = $foto['type']; $tamanho = $foto['size']; $link = $_POST['link']; // Validações básicas // Formato if(!preg_match('/^image\/(pjpeg|jpeg|png|gif|bmp)$/', $tipo)) { echo retorno('Isso não é uma imagem válida'); exit; } // Tamanho if ($tamanho > TAMANHO_MAXIMO) { echo retorno('A imagem deve possuir no máximo 2 MB'); exit; } // Transformando foto em dados (binário) $conteudo = file_get_contents($foto['tmp_name']); // Preparando comando $stmt = $pdo->prepare('INSERT INTO picolesnaturais (nome, conteudo, descricao, tipo, tamanho, link) VALUES (:nome, :conteudo, :descricao, :tipo, :tamanho, :link)'); // Definindo parâmetros $stmt->bindParam(':nome', $nome, PDO::PARAM_STR); $stmt->bindParam(':conteudo', $conteudo, PDO::PARAM_LOB); $stmt->bindParam(':descricao', $descricao, PDO::PARAM_STR); $stmt->bindParam(':tipo', $tipo, PDO::PARAM_STR); $stmt->bindParam(':tamanho', $tamanho, PDO::PARAM_INT); $stmt->bindParam(':link', $link, PDO::PARAM_STR); // Executando e exibindo resultado echo ($stmt->execute()) ? retorno('Produto cadastrado com sucesso', true) : retorno($stmt->errorInfo()); Código do formulário para salvar foto: <form id="formulario" action="ajax/salvarpicolesnatural.php" method="post"> <div id="mensagem"></div> <div class="form-group"> <label>Carregar foto</label><br /> <span class="btn btn-default btn-file"> <input type="file" name="foto" value="Escolher foto"/> </span> <br /> <label>Descrição do produto</label><br /> <span class="btn "> <input type="text" name="descricao" placeholder="Descrição do Produto" style="width:350px;" required /> </span> <br /> <label>Link da página do produto</label><br /> <span class="btn "> <input type="text" name="link" placeholder="link da página" style="width:350px;" required /> </span> </div> <input id="salvar" class="btn btn-primary" type="submit" value="Salvar" data-loading-text="Salvando..."/> </form> Códigos para exibir as imagens: <?php // Incluindo arquivo de conexão require_once('config/conn.php'); // Selecionando fotos $stmt = $pdo->query('SELECT id, nome, tipo, descricao, tamanho, link FROM picolesnaturais'); ?> <?php while ($foto = $stmt->fetchObject()): ?> <form action="php/excluirpicolesnaturais.php" method="POST" name="excluir" class="alert-success" id="excluir"> <input type="hidden" name="delete_img_produto" value="<?php echo $foto->id ?>"> <div class="col-sm-6 col-md-4"> <div class="thumbnail" style="float:left"> <a href="<?php echo $foto->link ?>"><img src="imagem.php?id=<?php echo $foto->id ?>" style="max-width:260px" /></a> <div class="caption"> <strong>Descrição:</strong> <?php echo $foto->descricao ?> <br/> <strong>Link da página:</strong> <?php echo $foto->link ?> <br/> <input type="submit" class="btn btn-primary" id="excluirFoto" value="Excluir" data-loading-text="Salvando..." style="color:#FFF; background-color:#F00;" /> </div> </div> </div> </form> <?php endwhile ?> e esse é o resultado que aparece...
  17. Shadowph

    AJAX - ENvio de formulário com imagem

    Como faço para enviar um formulário com campos de texto e um de imagem para um arquivo PHP via Ajax? Eu n consigo pegar o valor do input file, o endereço fica fakepath/nomedaimagem, e no PHP n consigo pegar nenhum valor via $_POST, pois diz que está indefinido.
  18. Danilo CS

    Programinha para avisar quando a imagem não abre

    Olá! No meu site eu apenas copio o endereço de uma imagem. Assim se a pessoa não quiser mais apareça na fonte, automaticamente vai deixar de aparecer no meu site. Seria a mesma técnica usada em fóruns. A ideia é a seguinte: É possivel eu criar algum sistema em PHP que me avise po email quando a foto não estiver mais abrindo? Pelo menos as que estão cadastradas no banco de dados :) Valeuu
  19. marciomrb12

    imagens não aparecem na resolução normal?

    olá galera, estou com um problema com um site de um cliente... http://imagivan.com nas opções "coleção > Institucional inverno 2017, lookbook inverno 2017, lançamentos" as fotos não abrem... não aparecem, so se der f5 ou aumentar/diminuir a resolução...
  20. Olá, eu queria saber como eu posso enviar o nomeda imagem para o banco de dados junto com alguma informações como nome e descrição, e a imagem ser salva em outro diretório aonde mais tarde eu possa busca ela a partir do nome salvo no Bd, alguém pode me ajudar, ou se tiver um formulário ja pronto pra mim toma como base, eu agradeço.
  21. Luciano.tbt

    upload de imagem background como a do perfil do imasters

    Bom dia! Senhores estou precisando implantar em meu site uma função para fazer upload e ajustar a imagem como existe na foto da capa no perfil do usuário do iMasters. Uploload padrão eu sei fazer , acho que vocês estão usando um plugin jquery. Vocês poderia em orientar? // pega a extensão do arquivo $ext = explode('.', $foto['name']); $ext = end($ext); // gera o novo nome $novoNome = uniqid() . '.' . $ext; // Concatena a pasta com o nome $destino = 'img_profissional/ ' . $novoNome; move_uploaded_file($foto['tmp_name'], $destino);
  22. Danilo CS

    Efeito Rolagem da Imagem

    Olá! Esse efeito de rolagem igual o site abaixo dá para fazer sem colocar a foto de fundo na propriedade background ? https://www.formula1.com/en/latest/headlines/2017/5/f1-giovinazzi-haas-multiple-fp1-outings-2017.html
  23. Olá, estou consumindo um servidor REST que retorna em JSON. Na solicitação retornada há um campo de imagem, onde ela foi salva como blob. Por favor poderiam me ajudar a exibir a imagem na tela?! Não estou conseguindo... Segue em anexo o arquivo json como ela me retornando na url. Desde de já, obrigada!! teste.json
  24. soaresra

    Posicionar Div em um espaço específico

    Boa noite, time. Eu estou criando um site de quadrinhos e estou querendo colocar as histórias de forma que sejam traduzidas, a ideia é posicionar as div em cima dos balões de textos. eu fiz um modelo que pode ser visto aqui... http://www.sagacomics.com.br/preTeste/ComicView/index2.htm O problema é que as div com os textos, não acompanham o posicionamento da imagem quando a janela não está maximizada, ou seja, se houver alguma redução do tamanho da janela, horizontalmente, ou seja, a imagem acompanha o navegador mais a imagem, não. Uma segunda dúvida, existe alguma forma de deixar o texto alinhado verticalmente dentro da div? os arquivos desse modelo estão em http://www.sagacomics.com.br/preTeste/ComicView/ComicView.rar Obrigado pela ajuda, time.
  25. BrunoHSL

    Fazer apagar imagem anterior

    E ai galera, seguinte estou fazendo um projeto e preciso da ajuda de vocês rs, coloquei uma imagem numa determinada variável e a cada clique no teclado ele movimenta 50px dependendo da onde ele quer movimentar, ele movimenta como quero porém fica ele fica um "rastro" na onde passa, e quero que apague o elemento anterior, afim de dar uma sensação meio de movimento, vou publicar o código aqui e ficaria muito agradecido se pudessem me ajudar, obs : o codigo deve ser feito todo em Javascript... Obrigado desde já. <html> <head> <meta charset='utf-8'> <script> var i, j; var m = []; var x=0; var y=0; var canvas; var ctx; var imagem = new Image(); imagem.src = "link da imagem 2"; var x = 202; var y = 352; function fase1() { canvas = document.getElementById("canvas"); ctx = canvas.getContext("2d"); tabela(); ctx.drawImage(m[7][1],102,102); player(); } function tabela() { canvas = document.getElementById("canvas"); ctx = canvas.getContext("2d"); for (i=0;i<9;i++) { m[i]=[]; } for(i=0;i<9;i++) { for(j=0;j<9;j++) { m[0][0]=ctx.fillStyle="gray"; ctx.fillRect(0,0,50,50); m[0][1]=ctx.fillStyle="lightgray"; ctx.fillRect(50,0,50,50); m[0][2]=ctx.fillStyle="gray"; ctx.fillRect(100,0,50,50); m[0][3]=ctx.fillStyle="lightgray"; ctx.fillRect(150,0,50,50); m[0][4]=ctx.fillStyle="gray"; ctx.fillRect(200,0,50,50); m[0][5]=ctx.fillStyle="lightgray"; ctx.fillRect(250,0,50,50); m[0][6]=ctx.fillStyle="gray"; ctx.fillRect(300,0,50,50); m[0][7]=ctx.fillStyle="lightgray"; ctx.fillRect(350,0,50,50); m[0][8]=ctx.fillStyle="lightgray"; ctx.fillRect(0,50,50,50); m[1][0]=ctx.fillStyle="gray"; ctx.fillRect(50,50,50,50); m[1][1]=ctx.fillStyle="lightgray"; ctx.fillRect(100,50,50,50); m[1][2]=ctx.fillStyle="gray"; ctx.fillRect(150,50,50,50); m[1][3]=ctx.fillStyle="lightgray"; ctx.fillRect(200,50,50,50); m[1][4]=ctx.fillStyle="gray"; ctx.fillRect(250,50,50,50); m[1][5]=ctx.fillStyle="lightgray"; ctx.fillRect(300,50,50,50); m[1][6]=ctx.fillStyle="gray"; ctx.fillRect(350,50,50,50); m[1][7]=ctx.fillStyle="gray"; ctx.fillRect(0,100,50,50); m[1][8]=ctx.fillStyle="lightgray"; ctx.fillRect(50,100,50,50); m[2][0]=ctx.fillStyle="gray"; ctx.fillRect(100,100,50,50); m[2][1]=ctx.fillStyle="lightgray"; ctx.fillRect(150,100,50,50); m[2][2]=ctx.fillStyle="gray"; ctx.fillRect(200,100,50,50); m[2][3]=ctx.fillStyle="lightgray"; ctx.fillRect(250,100,50,50); m[2][4]=ctx.fillStyle="gray"; ctx.fillRect(300,100,50,50); m[2][5]=ctx.fillStyle="lightgray"; ctx.fillRect(350,100,50,50); m[2][6]=ctx.fillStyle="lightgray"; ctx.fillRect(0,150,50,50); m[2][7]=ctx.fillStyle="gray"; ctx.fillRect(50,150,50,50); m[2][8]=ctx.fillStyle="lightgray"; ctx.fillRect(100,150,50,50); m[3][0]=ctx.fillStyle="gray"; ctx.fillRect(150,150,50,50); m[3][1]=ctx.fillStyle="lightgray"; ctx.fillRect(200,150,50,50); m[3][2]=ctx.fillStyle="gray"; ctx.fillRect(250,150,50,50); m[3][3]=ctx.fillStyle="lightgray"; ctx.fillRect(300,150,50,50); m[3][4]=ctx.fillStyle="gray"; ctx.fillRect(350,150,50,50); m[3][5]=ctx.fillStyle="gray"; ctx.fillRect(0,200,50,50); m[3][6]=ctx.fillStyle="lightgray"; ctx.fillRect(50,200,50,50); m[3][7]=ctx.fillStyle="gray"; ctx.fillRect(100,200,50,50); m[3][8]=ctx.fillStyle="lightgray"; ctx.fillRect(150,200,50,50); m[4][0]=ctx.fillStyle="gray"; ctx.fillRect(200,200,50,50); m[4][1]=ctx.fillStyle="lightgray"; ctx.fillRect(250,200,50,50); m[4][2]=ctx.fillStyle="gray"; ctx.fillRect(300,200,50,50); m[4][3]=ctx.fillStyle="lightgray"; ctx.fillRect(350,200,50,50); m[4][4]=ctx.fillStyle="lightgray"; ctx.fillRect(0,250,50,50); m[4][5]=ctx.fillStyle="gray"; ctx.fillRect(50,250,50,50); m[4][6]=ctx.fillStyle="lightgray"; ctx.fillRect(100,250,50,50); m[4][7]=ctx.fillStyle="gray"; ctx.fillRect(150,250,50,50); m[4][8]=ctx.fillStyle="lightgray"; ctx.fillRect(200,250,50,50); m[5][0]=ctx.fillStyle="gray"; ctx.fillRect(250,250,50,50); m[5][1]=ctx.fillStyle="lightgray"; ctx.fillRect(300,250,50,50); m[5][2]=ctx.fillStyle="gray"; ctx.fillRect(350,250,50,50); m[5][3]=ctx.fillStyle="gray"; ctx.fillRect(0,300,50,50); m[5][4]=ctx.fillStyle="lightgray"; ctx.fillRect(50,300,50,50); m[5][5]=ctx.fillStyle="gray"; ctx.fillRect(100,300,50,50); m[5][6]=ctx.fillStyle="lightgray"; ctx.fillRect(150,300,50,50); m[5][7]=ctx.fillStyle="gray"; ctx.fillRect(200,300,50,50); m[5][8]=ctx.fillStyle="lightgray"; ctx.fillRect(250,300,50,50); m[6][0]=ctx.fillStyle="gray"; ctx.fillRect(300,300,50,50); m[6][1]=ctx.fillStyle="lightgray"; ctx.fillRect(350,300,50,50); m[6][2]=ctx.fillStyle="lightgray"; ctx.fillRect(0,350,50,50); m[6][3]=ctx.fillStyle="gray"; ctx.fillRect(50,350,50,50); m[6][4]=ctx.fillStyle="lightgray"; ctx.fillRect(100,350,50,50); m[6][5]=ctx.fillStyle="gray"; ctx.fillRect(150,350,50,50); m[6][6]=ctx.fillStyle="lightgray"; ctx.fillRect(200,350,50,50); m[6][7]=ctx.fillStyle="gray"; ctx.fillRect(250,350,50,50); m[6][8]=ctx.fillStyle="lightgray"; ctx.fillRect(300,350,50,50); m[7][0]=ctx.fillStyle="gray"; ctx.fillRect(350,350,50,50); m[7][1]=document.getElementById("i1"); } } } function player(){ imagem.onload = function(){ ctx.drawImage(imagem, x, y, imagem.width, imagem.height); } document.onkeydown = function(event) { switch(event.which) { case 37: //pra esquerda x = x - 50; break; case 38: //pra cima y = y - 50; break; case 39: //pra direita x = x + 50; break; case 40: //pra baixo y = y + 50; break; } } setInterval(function(){ ctx.drawImage(imagem, x, y, imagem.width, imagem.height); }, 50); } </script> </head> <body onload="fase1()"> <canvas id="canvas" width="400" height="400" style="border: solid 0px black; margin: 0px auto; display: block;"> <img src="link da imagem 1" id="i1"> </canvas> </body> </html> A imagem 1, só deixei ele numa determinada coordenada, pois vou mexer nela depois.
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.