Jump to content

Search the Community

Showing results for tags 'imagem'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • 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

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Found 157 results

  1. 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 ?>
  2. 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;}
  3. 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?
  4. 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>
  5. 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; } } }
  6. 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?
  7. 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.
  8. 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?
  9. 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...
  10. 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.
  11. 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
  12. 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...
  13. 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.
  14. 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);
  15. 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
  16. 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
  17. 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.
  18. 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.
  19. E ai galera, estou com um probleminha aqui, estou fazendo um jogo que quando o player clicar na imagem ela deve desaparecer, e eu não sei como vou fazer essa função, pode ser somente em Javascript, se vocês puderem me ajudar eu agradeceria muito... Vou estar enviando o código abaixo de como esta o projeto até o momento. A intenção é sumir com as imagens cujo id são i1, i2 e i3. <html> <head> <script type="text/javascript"> var x, y; var ctx; var m=[]; var v=[] var i, j; function inicio() { var c=document.getElementById("cnv") ctx=c.getContext("2d"); fundo(); for(i=0;i<20;i++) { m[i]=[]; v[i]=[]; } for(i=0;i<20;i++){ for(j=0;j<20;j++){ m[0][0]=document.getElementById("i1"); m[0][1]=document.getElementById("i2"); m[0][2]=document.getElementById("i3"); }} num1(); } function fundo() { ctx.fillStyle="#000000"; ctx.fillRect(0,0,1300,600); } function num1(){ ctx.drawImage(m[0][0],100,100); ctx.drawImage(m[0][1],200,200); ctx.drawImage(m[0][2],600,525);} </script> </head> <body onload="inicio()"> <canvas id="cnv" width="1300" height="600" style="border: solid 1px black; margin: 0px auto; display: block;"> Navegador sem suporte <img src="link da img 1" id="i1"> <img src="link da img 2" id="i2"> <img src="link da img 3" id="i3"> </canvas> </body> </html>
  20. gust.php

    Imagem do banco para email

    Boa noite pessoal. Criei um template de email que uso em parte do sistema para envio aos usuários. Em um desses e-mails eu pego uma imagem que esta no banco e envio no corpo do e-mail. Envio a imagem assim: <p><img height="50px" width="50px" class="img-circle" src="data:image/jpeg;base64,<?php echo base64_encode($motorista->getFoto()->getFOTO()); ?>" / ></p> No caso, o e-mail que esta recebendo esta mensagem é do gmail, quando abro no PC a imagem não aparece, já quando abro no app do gmail, no celular, a imagem aparece. Alguém saberia me dizer o pq ?
  21. Tenho um arquivo psd com várias layers, cada uma com uma informação diferente, após selecionar uma imagem de uma layer como faço para exportar apenas essa imagem em seu respectivo tamanho sem precisar separar a layer ocultando as outras nem usar o crop para definir a área da imagem?
  22. juninhogpe

    Compartilhamento no Facebook

    Bom dia à todos. Estou com uma dúvida que é a seguinte: Tenho páginas dinâmicas no meu site na categoria de notícias e quando eu copio o link da notícia e posto no Facebook, gostaria que a imagem que está na notícia aparecesse na imagem do mesmo. Já vi alguns sites que fazem isso. Como posso fazer? Desde já agradeço. Att
  23. Boa noite amigos. Estou tentando fazer uma pré-visualização da imagem antes de fazer o upload. Eu até conseguir, porem tem um problema. Código que estou usando: <script language="javascript" type="text/javascript"> function readURL2(input, id) { if (input.files && input.files[0]) { var reader2 = new FileReader(); reader2.onload = function (e) { $('#'+id) .attr('src', e.target.result) ; } reader2.readAsDataURL(input.files[0]); } } </script> <span style="position:relative;top: 15px; overflow: hidden;display: inline-block" class="fileuploadfileupload-exists" data-provides="fileupload"> <a title="{{trans('post.attach-photos')}}" class="btn-file"> <img id="mini_foto_new2" width="35px" height="35px" class="mini_foto" src="themes/frontend/default/assets/images/Camera-icon.png" /> <input type="file" id="post-image-input2" name="image" onchange="readURL2(this,'mini_foto_new2');" /> </a> </span> O botão para fazer o upload e uma imagem de uma câmera fotográfica, após seleciona a imagem para envio, a imagem selecionada fica no lugar da imagem da câmera, até ai tudo bem, porem depois de clicar no botão de enviar a imagem, continua a da imagem selecionada, eu queria que voltasse a ser a imagem da câmera. Alguém tem uma solução?
  24. Tenho um problema em dispositivos móveis que ao rolar a página a imagem de background está se movendo um pouco e, assim, se redimensionando, como pode ser visto em http://www.fisioterapeutacamila.com/my-bootstrap/sobre.html Já tentei várias alternativas css e até javascript mas o problema persiste. .bg-1, .bg-2, .bg-3, .bg-1:after, .bg-2:after, .bg-3:after { position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 0; } .bg-1 li span, .bg-2 li span, .bg-3 li span { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; color: transparent; background-size: cover; background-position: 50% 50%; background-repeat: none; opacity: 1; z-index: 0; } .bg-1 li span { background-image: url(../images/slide-1.jpg); } .bg-2 li span { background-image: url(../images/slide-3.jpg); } .bg-3 li span { background-image: url(../images/slide-2.jpg); } ol,ul { list-style:none; } html <body> <ul class="bg-2"> <li><span></span></li> </ul> <nav class="navbar"> <div class="container-fluid social-nav"> ... Alguma sugestão?
  25. danersphp

    update imagem de perfil

    Fala galera, tudo bem? Estou aprendendo PHP e certamente o meu problema deve ser simples de resolver, porém Google e amigos não me ajudaram muito. Estou fazendo uma tela de perfil com foto. O upload e display dela está ok. Porém quando altero algum outro dado da página e salvo, a imagem é deletada do banco (ou pelo menos some do banco). Como posso alterar dados nesta tela sem perder a imagem de perfil atual? VALEU! View da tela: <?php foreach($info as $info): ?> <div class="form-group"> <img src="assets/images/perfil/<?php echo $info['foto']; ?>" border="1" class="perfil_pic" /><br /> <input type="file" name="foto" class="btn btn-default add_file" style="float:left;"/> </div> <?php endforeach; ?> Controller da tela: $u = new Usuarios(); if(isset($_POST['nome']) && !empty($_POST['nome'])){ $img = $_FILES['foto']; $email = addslashes($_POST['email']); $senha = base64_encode($_POST['senha']); $nome = addslashes($_POST['nome']); $sobrenome = addslashes($_POST['sobrenome']); $aniversario = addslashes($_POST['aniversario']); $bio = addslashes($_POST['bio']); $u->updatePerfil($img, $email, $senha, $nome, $sobrenome, $aniversario, $bio); Model da tela: public function updatePerfil($pic, $email, $senha, $nome, $sobrenome, $aniversario, $bio){ $id = $_SESSION['fkr']; $url = ''; if (count($pic) > 0) { $tipos = array('image/jpeg','image/jpg','image/png'); if (in_array($pic['type'], $tipos)) { $url = 'perfilatual'; switch($pic['type']){ case 'image/jpeg': case 'image/jpg': $url .= '.jpg'; break; case 'image/png': $url .= '.jpg'; break; } } move_uploaded_file($pic['tmp_name'], 'assets/images/perfil/' . $url); } $sql = "UPDATE usuarios SET foto = '$url', senha = '$senha', email = '$email', nome = '$nome', sobrenome = '$sobrenome', aniversario = '$aniversario', bio = '$bio' WHERE id = '$id'"; $this->db->query($sql); }
×

Important Information

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