Foros del Web » Creando para Internet » HTML »

sustituir button por .jpg

Estas en el tema de sustituir button por .jpg en el foro de HTML en Foros del Web. Hola a todos! Estoy haciendo un visor de imagenes html y lo tengo practicamente terminado. Para que tenga la misma estética quiero quitar los tipicos ...
  #1 (permalink)  
Antiguo 26/10/2006, 17:15
 
Fecha de Ingreso: febrero-2006
Mensajes: 42
Antigüedad: 18 años, 1 mes
Puntos: 0
sustituir button por .jpg

Hola a todos!

Estoy haciendo un visor de imagenes html y lo tengo practicamente terminado. Para que tenga la misma estética quiero quitar los tipicos "buttons" que se emplean en los formularios, que son realmente feos y estropean la armonia de la web, y sustituirlos por unas imágenes (jpg) que hagan la misma función.
Son dos botones, adelante y atrás.

El problema es que al modificar el código para que aparezcan los nuevos botones deja de funcionar, por lo que mi desesperacion tras numerosos y fallidos intentos llega a ser bastantante desegradable.

A continuacion pongo el código (la parte de los buttons, el resto va bien) con el que el visor funciona:

<input type="button" value="Atrás" name="B2" onClick="backward()">
<input type="button" value="Adelante" name="B1" onClick="forward()">



Y ahora pongo el mismo código pero modificado para que aparezca la imagen:

<input type="image" src="atras.jpg" border=0 name="B2" onClick="backward()">
<input type="image" src="delante.jpg" border=0 name="B1" onClick="forward()">


Y al poner este último, consigo que salgan las imágenes, pero la funcion desaparece por lo que el visor pasa a ser totalmente inútil.

Si me podéis decir la razón por la que esto no funciona o si estoy cometiendo algun error os estaría realmente agradecido.

Muchas gracias por vuestro tiempo.

Un saludo!
  #2 (permalink)  
Antiguo 26/10/2006, 18:56
 
Fecha de Ingreso: diciembre-2003
Mensajes: 1.583
Antigüedad: 20 años, 3 meses
Puntos: 13
Los elementos INPUT del tipo IMAGE cumplen la misma función que los INPUT del tipo SUBMIT. Te conviene mejor hacer esto:

Código HTML:
<button type="button" name="algo" onclick="algo()">
<img src="algo.jpg">
</button> 
  #3 (permalink)  
Antiguo 27/10/2006, 03:50
Avatar de MACGREGOR  
Fecha de Ingreso: enero-2005
Mensajes: 89
Antigüedad: 19 años, 2 meses
Puntos: 0
Con la solución que frijolerou te propone, tu imágen aparecerá dentro del botón del formulario.
(según el tamaño de la imagen el boton crecerá proporcionalmente)

Si quieres eliminar totalmente el boton y que solo quede tu imagen hazlo así:

<IMG ALT="Next" src="path_de_la_imgagen/right.gif" OnClick="forward();"/>
  #4 (permalink)  
Antiguo 27/10/2006, 05:40
 
Fecha de Ingreso: febrero-2006
Mensajes: 42
Antigüedad: 18 años, 1 mes
Puntos: 0
uf! que bueno!! funcionó a la perfección.

Muchisimas gracias frijolerou y MACGREGOR.

un saludo!
  #5 (permalink)  
Antiguo 07/11/2008, 17:50
 
Fecha de Ingreso: noviembre-2008
Mensajes: 1
Antigüedad: 15 años, 4 meses
Puntos: 0
Respuesta: sustituir button por .jpg

bueno lei este comentario pense k me servia pero no
lo ke me gustaria saver es como colocar una imagen apretando un boton

EJ

tengo k colocar el nombre de la imagen luego apretar el botton "ver" y tendria k apreser la foto k encribi

ak esta lo k tengo si no me entienden diganmelo porfa por k igual es medio dificil esplicar

este es mi mail
[email protected]
por si alguen nesita explicarme directamente gracias por la ayuda no vemos




<html>
<body>
<form name="for1">
<table border="4">
<caption align=top>&nbsp;
</caption>
<tr>
<th colspan=2><b> Nombre:</b>
<input type="text" name="nombre"/>
</th>
</tr>
<tr>
<td><p><b> Rut:&nbsp;&nbsp;</b>
<input type="check box" name="n1"/>
<br>
<b>Edad:</b>
<input type="check box" name="n2"/>
</p></td>
<td><b>Foto:</b>
<input type="check box" name="n2"/>
</td>
</tr>
<tr>
<td><b>Profesion:</b>
<select name="seleccionl">
<option value="1">Estudiante </option>
<option value="2">Chato de la escuela </option>
<option value="3">Bagologo </option>
<option value="4">Tecnico en bagancia </option>
<option value="5">Callegero </option>
</select>
</tr>
<tr>
<td><p>
<input type="check box" name="prom"/>
<br>

<input name="Button" type="Button" onClick="prom.value=(parseFloat(n1.value) + parseFloat(n2.value) + parseFloat(n3.value))/3;" value="calcular"/>
</p></td>
<td>
<br>

<input name="Button" type="Button" onClick="prom.value=(parseFloat(n1.value) + parseFloat(n2.value) + parseFloat(n3.value))/3;" value="Ver"/>
</td>
</tr>
</table>
</form>
</body>
</html>
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 03:16.