Arquivo Discussoes de Programacao e Tecnologia Bom dia pessoal,
Estou fazendo um trabalho da faculdade, porém sou iniciante e estou aprendendo a desenvolver um website.
Gostaria de saber como posso colocar mensagens do Twitter de uma página (que não é minha) para serem exibidos nesse site.
Poderiam me ajudar?
Att.
Você pode colocar o link completo da imagem na tag img (<img src="http://www.sitexyz.com.br/asdasd/aaaasdadssd.jpg"/>).
Muitas vezes isso acaba sendo ilegal caso o site não autorize.
A sim, consegui pegando das configurações do twitter que já disponibilizava o código. Feito isso foi só exibir um link que funcionou.
Outra dúvida, você sabe como posso fazer uma div de galeria de fotos? Para que as fotos ficam sendo exibidas, e se possível passa-las para a esquerda ou direita.
Pegue como exemplo os anúncios da OLX.
Att
Primeiro precisa me informar se está usando algum framework na camada de visão.
Por exemplo, está com html puro, boostrap, jquery, angular, etc…
Mas de qualquer jeito, terá que usar pelo menos javascript.
Faça uma div que terá a imagem principal e varias divs abaixo onde aparecerá as miniaturas, e no evento onmouseenter você chama uma função javascript para setar a imagem principal.
Evento de onmouseenter https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_onmouseenter
Um exemplo simples (mas não abuse pedindo código)
<!DOCTYPE html>
<html>
<body>
<img onmouseenter="mostraImagem('smiley.gif')" src="smiley.gif" width="64" height="64">
<img onmouseenter="mostraImagem('pulpitrock.jpg')" src="pulpitrock.jpg" width="64" height="64">
<img onmouseenter="mostraImagem('img_girl.jpg')" src="img_girl.jpg" width="64" height="64">
<br/>
<img id="imagemPrincipal" width="256" height="256">
<script>
function mostraImagem(x) {
imagemPrincipal.src = x;
}
</script>
</body>
</html>
Você também pode testar os código HTML aqui (copia e cola lá no site)
https://www.w3schools.com/html/tryit.asp?filename=tryhtml_images_girl
Não esqueça de clicar no coração para curtir a resposta caso atenda