¿Como pongo una imagen en mi web que...

Cerrado
kamp3 Mensajes enviados 3 Fecha de inscripción lunes, 28 de mayo de 2012 Estatus Miembro Última intervención martes, 29 de mayo de 2012 - 28 may 2012 a las 11:11
manudg Mensajes enviados 30 Fecha de inscripción jueves, 8 de marzo de 2012 Estatus Miembro Última intervención lunes, 23 de junio de 2014 - 20 ago 2012 a las 22:23
¿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
Consulta también:

2 respuestas

manudg Mensajes enviados 30 Fecha de inscripción jueves, 8 de marzo de 2012 Estatus Miembro Última intervención lunes, 23 de junio de 2014 12
28 may 2012 a las 20:15
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
kamp3 Mensajes enviados 3 Fecha de inscripción lunes, 28 de mayo de 2012 Estatus Miembro Última intervención martes, 29 de mayo de 2012
29 may 2012 a las 01:08
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.
0
manudg Mensajes enviados 30 Fecha de inscripción jueves, 8 de marzo de 2012 Estatus Miembro Última intervención lunes, 23 de junio de 2014 12
20 ago 2012 a las 22:23
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
0
kamp3 Mensajes enviados 3 Fecha de inscripción lunes, 28 de mayo de 2012 Estatus Miembro Última intervención martes, 29 de mayo de 2012
28 may 2012 a las 16:08
Nadie sabe el codigo ?? Lo necesito por favor
0