Ajuda – Como clicar na imagem e a barra rolar?
-
Fala pessoal,
estou com um problema que julgo ser bastante simples. Estou pesquisando mas não consigo encontrar como programar para, ao clicar em uma imagem, a barra de rolagem descer automaticamente até determinada parte.
Alguém poderia me ajudar com isso?
Obrigado!
O blog que eu preciso de ajuda é (visível apenas para usuários que efetuaram login).
-
Se você está se referindo à barra de rolagem do navegador rolar verticalmente até qualquer posição, o programa é como no exemplo abaixo:
<a href="#vai-parar-aqui"><img style="width:50px;" src="https://palavraquesalva.files.wordpress.com/2014/12/deusa-isis-mari.jpg"></a><a name="vai-parar-aqui">Ponto onde a barra vai parar</a> -
-
pavraquesalva,
agradeço imensamente, mas na verdade não entendi….
Existe algum tutorial passa-a-passo? Pode ser em ingles sem problemas.
quero clicar na imagem e que a barra role automaticamente até determinado ponto.
como eu descubro qual o ponto/altura da barra que desejo?
Preciso criar um botão ou consigo fazer criando uma imagem?
Sendo possível em imagem, onde escreve o código?
Vlw!
-
Você pode utilizar o link de qualquer imagem pra clicar ou clicar em uma palavra ou frase ou utilizar o próprio link; para isso, este objeto: imagem, frase ou link, deve estar entre a instrução:
<a href="#ponto para onde vai">
e
</a>
A instrução:
<a name="vai-parar-aqui">Ponto onde a barra vai parar</a>
deve ficar no começo da parte da sua postagem onde a rolagem deve parar para o visitante ver. Este termo “vai-parar-aqui” é só um exemplo que eu dei; você vai utilizar a palavra ou frase que desejar.
Para fazer tudo isso você deve entrar do Editor de postagem do próprio WordPress; veja estas instruções neste link de como entrar do Editor: https://cobramil.files.wordpress.com/2015/09/editor-wp-admin.gif
Você deve passar o editor para o modo “Texto” como na instrução desse link acima, depois localize na sua postagem a parte onde a rolagem deve parar e insira a instrução:
<a name="vai-parar-aqui"></a>
A instrução:
<a href="#vai-parar-aqui">Clique para rolar</a>
deve ser colocada nos pontos da postagem onde você quer que o visitante veja para que ele clique, se desejar.
Eu coloquei a frase “Clique para rolar”, mas você pode colocar a frase ou palavra que desejar, ou colocar uma imagem com a instrução conforme explicada na minha primeira resposta, que mais ou menos assim:
<img style="width:50px;" src="https://palavraquesalva.files.wordpress.com/2014/12/deusa-isis-mari.jpg">Veja que eu coloquei uma imagem minha, mas você vai colocar o link de uma imagem sua e dimensionar a seu gosto através da instrução style=”width:50px;”Tudo isso são códigos HTML, e talvez você tenha que se familiarizar com estes códigos.
-
Ps.:
Coloque uma barra após antes de fechar a tag da imagem conforme abaixo:
<img style="width:50px;" src="https://palavraquesalva.files.wordpress.com/2014/12/deusa-isis-mari.jpg" /> -
Ps.:
Você perguntou: “Sendo possível em imagem, onde escreve o código?”
Resposta
Quando você passar o Editor para o modo “Texto” todos esses códigos HTML estarão misturados com seu textos da sua postagem. Com calma você irá perceber que apesar de estarem misturados, existe uma organização onde se vê cada coisa codificada correspondendo ao que aparece para o público ver e ler.
- O tópico ‘Ajuda – Como clicar na imagem e a barra rolar?’ está fechado para novas respostas.
Fórum WordPress.com em Português Brasileiro 
