¿Como pongo una imagen en mi web que... [Cerrado]

Denunciar
Message postés
3
Date d'inscription
lunes, 28 de mayo de 2012
Estatus
Miembro
Última intervención
martes, 29 de mayo de 2012
-
Message postés
30
Date d'inscription
jueves, 8 de marzo de 2012
Estatus
Miembro
Última intervención
lunes, 23 de junio de 2014
-
¿Como pongo una imagen en mi web que al pinchar en ella salga informacion en mi misma pagina?
Explico un poco me pregunta lo mejor posible.
he echo una pagina web jimdo,tengo un apartado el cual se llama entrevistas y las entrevistas son muy largas,lo que a mi me gustaría hacer es poner en mi pagina la foto de la persona entrevistada y a continuación al hacer clic en ella que saliera su información pero de una forma bonita.Por ejemplo; Hay una linea de 5 fotos,pinchas en la del medio las demás desaparecen y aparece la que hemos seleccionado en un lado de la pantalla y a su otro lado la entrevista.
Nose si me abre liado mucho con mi explicación espero me entendáis.Deciros que no entiendo mucho y las respuestas me la tendréis que explicar mejor. Yo lo que hago es copiar códigos HTML y Javascript de otras paginas...lo cual no dice mucho de mi ya que llevo dos días intentando trabajar con estos códigos.
1 saludo y Gracias de antemano

2 respuestas

Message postés
30
Date d'inscription
jueves, 8 de marzo de 2012
Estatus
Miembro
Última intervención
lunes, 23 de junio de 2014
12
Prueba con Jquery... http://jquery-manual.blogspot.com

ponle un id a cada una de tus imágenes y a la caja donde quieres que aparezca el comentario, por ejemplo...

<!--Esto lo pegas entre las etiquetas head-->
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js">

</script>


<script type="text/javascript">
$(document).ready(function() {

$("#1").click(function() {
$("#comentario").html("<p>El comentario que quieras para a imagen uno</p>");
});

$("#2").click(function() {
$("#comentario").html("<p>El comentario que quieras para a imagen dos</p>");
});
});
</script>


<!--Esto va entre las etiquetas body-->
<!--Estas son las imágenes -->
<img id="1" src="imagen1.jpg" width="100" height="100">
<img id="2" src="imagen2.jpg" width="100" height="100">

<!--Aquí aparecerá el comentario para cada imagen-->
<div id="comentario"></div>
1
Gracias

Unas palabras de agradecimiento nunca están de más. Deja tu comentario

CCM 35558 usuarios nos han dicho gracias este mes

Message postés
3
Date d'inscription
lunes, 28 de mayo de 2012
Estatus
Miembro
Última intervención
martes, 29 de mayo de 2012

Muchas Gracias pero tengo un par de dudas solo..
1. Podría poner las imágenes en vez de una arriba de la otra como sale ahora mismo,poner una al lado de la otra o 3 arriba,3 abajo,3 mas abajo...
Y MI SEGUNDA PREGUNTA Y MUY IMPORTANTE
2.¿Como meto mi imagen aquí <img id="1" src="imagen1.jpg" width="100" height="100"> ?
se que tengo que meter la imagen en imagen1.jpg pero no se como hacerlo,ayuda por favor que ya tengo la duda casi resuelta tras mucho tiempo de investigación por cuenta propia xD
1 saludo y Gracias de nuevo.
Message postés
30
Date d'inscription
jueves, 8 de marzo de 2012
Estatus
Miembro
Última intervención
lunes, 23 de junio de 2014
12
Respuesta a la pregunta 1

Si quieres poner las imágenes una al lado de la otra lo haces con table
<table>
<tr>
<td><img src=""></td>
<td><img src=""></td>
y así todas las que quieras
</tr>
</table>

respuesta a la pregunta 2

Pues en la misma carpeta donde tienes los archivos html creas una carpeta que se llame por ejemplo imagenes y luego metes tus imágenes dentro de esa carpeta y si por ejemplo tienes una imagen que se llama coche.jpg, harías lo siguiente...

<img src="imagenes/coche.jpg" width="200" height="200">

Saludos
Message postés
3
Date d'inscription
lunes, 28 de mayo de 2012
Estatus
Miembro
Última intervención
martes, 29 de mayo de 2012

Nadie sabe el codigo ?? Lo necesito por favor