Desplazar página hacia abajo al hacer click en imagen

ramaavdp · 6 Ene 2016

Buenas!! me gustaría saber como hacer que al hacer click en una imagen, se desplaze la página hacia abajo, tal cual está en la siguiente página web
Plan Nacional Fiat - Italssa Concesionario Fiat

Al hacer click en la imagen se scrollea la página hacia abajo..

Como tendría que hacer? soy novato recien estoy empezando

Saludos!

FavianRAmirz · 6 Ene 2016

Es una redireccion, si te das cuenta , es una imagen que redirije a una etiqueta en el mismo sitio

PHP:

<a href="#titform">
<img src="images/bannerprincipaldos.png" alt="Tené tu Fiat totalmente financiado! Descuentos especiales. Consultanos ahora!" width="960" height="645" class="u-max-full-width" title="Tené tu Fiat totalmente financiado! Descuentos especiales. Consultanos ahora!">
</a>

Esta llamando a la etiqueta <a href="#titform">

Abajo de la pagina esta la etiqueta

PHP:

<a href="#titform">
<img class="u-max-full-width" src="images/bannerprinc480.png">
</a>

Es como llamarla
Es muy simple

ramaavdp · 6 Ene 2016

Hola que tal! Te cuento, estuve probando y entendí como funciona el código. Ojala me puedas seguir ayudando! Me manejo con un soft con el cual estoy aprendiendo (websitex5)

La cuestión es que en la página web que creé la imagen está como fondo del encabezado, y no se como agregar el código para que funcione. Me podrás ayudar? Acá subí una prueba de la web.
Dónde tendría que agregar el código?

Nuevo proyecto
mil gracias

devcodep · 7 Ene 2016

Hola! Pudiste solucionar?

Sino, prueba con esto.

Ve en tu editor html dentro de ese software, tendrias que ver codigos y demas.

Ahora busca esta linea en tu editor html:

HTML:

<div id="imCell_1" class="imGrid[0, 1]"><div id="imCellStyleGraphics_1"></div><div id="imCellStyleTitle_1">ENVIANOS TU CONSULTA</div><div id="imCellStyle_1"><form id="imObjectForm_1" action="imemail/imEmailForm.php" method="post" enctype="multipart/form-data" style="width: 489px; margin: 0; padding: 0; text-align: left;">
							<fieldset class="first">
								<div>

Y antes de ese codigo pega esto:

HTML:

<a name="abajo"></a>

Entonces tu codigo debe estar asi:

HTML:

<a name="abajo"></a>
<div id="imCell_1" class="imGrid[0, 1]"><div id="imCellStyleGraphics_1"></div><div id="imCellStyleTitle_1">ENVIANOS TU CONSULTA</div><div id="imCellStyle_1"><form id="imObjectForm_1" action="imemail/imEmailForm.php" method="post" enctype="multipart/form-data" style="width: 489px; margin: 0; padding: 0; text-align: left;">
							<fieldset class="first">
								<div>

Y en tu codigo de imagen osea en este codigo:

HTML:

<div id="imHeader">
				<h1 class="imHidden">Nuevo proyecto</h1>
				
			</div>

Tienes que agregar un enlace asi:

HTML:

<a href="#abajo">
<div id="imHeader">
				<h1 class="imHidden">Nuevo proyecto</h1>
				
			</div>
</a>

De ese modo, al dar clic en ese div va a ir directamente hacia abajo del formulario que tienes.

Cualquier cosa a las ordenes!

DevCodep

ramaavdp · 7 Ene 2016

devcodep dijo:
Hola! Pudiste solucionar?

Sino, prueba con esto.

Ve en tu editor html dentro de ese software, tendrias que ver codigos y demas.

Ahora busca esta linea en tu editor html:

HTML:

<div id="imCell_1" class="imGrid[0, 1]"><div id="imCellStyleGraphics_1"></div><div id="imCellStyleTitle_1">ENVIANOS TU CONSULTA</div><div id="imCellStyle_1"><form id="imObjectForm_1" action="imemail/imEmailForm.php" method="post" enctype="multipart/form-data" style="width: 489px; margin: 0; padding: 0; text-align: left;"> <fieldset class="first"> <div>

Y antes de ese codigo pega esto:

HTML:

<a name="abajo"></a>

Entonces tu codigo debe estar asi:

HTML:

<a name="abajo"></a> <div id="imCell_1" class="imGrid[0, 1]"><div id="imCellStyleGraphics_1"></div><div id="imCellStyleTitle_1">ENVIANOS TU CONSULTA</div><div id="imCellStyle_1"><form id="imObjectForm_1" action="imemail/imEmailForm.php" method="post" enctype="multipart/form-data" style="width: 489px; margin: 0; padding: 0; text-align: left;"> <fieldset class="first"> <div>

Y en tu codigo de imagen osea en este codigo:

HTML:

<div id="imHeader"> <h1 class="imHidden">Nuevo proyecto</h1> </div>

Tienes que agregar un enlace asi:

HTML:

<a href="#abajo"> <div id="imHeader"> <h1 class="imHidden">Nuevo proyecto</h1> </div> </a>

De ese modo, al dar clic en ese div va a ir directamente hacia abajo del formulario que tienes.

Cualquier cosa a las ordenes!

DevCodep

flaco la verdad sos un fenomeno!! gracias!! recien estoy aprendiendo html en codeacademy y soy medio manco aún, me salvaste!

un abrazo

devcodep · 7 Ene 2016

De nada! Gracias! Cuando gustes!

DevCodep

Desplazar página hacia abajo al hacer click en imagen

ramaavdp

FavianRAmirz

ramaavdp

devcodep

ramaavdp

devcodep

Temas similares