ayuda con combobox en HTML

C

caraculo..

Bovino maduro
#1
#1
Hola ba-kunos, pues quiero pedirles ayuda con un ejercicio de HTML en el cual tengo que hacer lo siguiente:

- Diseñar una pagina que muestre un combobox o lista, de tal manera que cada elemento sea una direccion url o una foto (imagen).:mota:

lo que llevo de codigo es esto:
<html>
<head>
<title>PAGINA</title>
<script languaje="css">
<!--
.image1 {
background-image: url(url de imagen);
height: 50px;
width: 50px;
background-repeat: no-repeat;
}

.image2 {
background-image: url(url de imagen 2);
height: 50px;
width: 50px;
background-repeat: no-repeat;
}

.imagen3 {
background-image: url(url de imagen 3);
height: 50px;
width: 50px;
background-repeat: no-repeat;
}

-->
</script>
 </head>

<body>
<strong><h1>PAGINA</h1></strong>
<select id="COMBOBOX" name="COMBO" multiple="multiple" size="5">
<option selected="selected"> -_- </option>
<option class="" value="1"> 1 </option>
<option class="" value="2"> 2 </option>
<option class="" value="3"> 3 </option>
<option class="" value="4"> 4 </option>
<option class="" value="5"> 5 </option>
<option class="" value="6"> 6 </option>
<option class="" value="7"> 7 </option>
<option class="" value="8"> 8 </option>
<option class="" value="9"> 9 </option>
<option class="" value="10"> 10 </option>
</select>

</body>
</html>

Eso es XD
P:eek: el CSS no tengo idea si esta bien jaja es solo parte del ejemplo me falto terminarlo

Gracias de antemano
 
R

registro500

Bovino adolescente
#2
#2
lo busque en google pero no encontre nada pero sin embargo
segun el requerimiento......
........ lista, de tal manera que cada elemento sea una direccion url o una foto (imagen)
podria ayudar esto:
<ul>
<li class="imagen1"> url1 </li>
<li class="imagen2"> url2 </li>
<li class="imagen3"> url3 </li>
....
<ul>

solo sugerencia....
 
N

nean_degor

Bovino maduro
#4
#4
Quiero suponer que quieres que con el combo se cambie la imagen..

ahi ta.. no te la compliques..

<HTML>
<BODY>

<img src="http://ba-k.com/images/fun/misc/logosombra.png" id="idMiImagen" width="200px" height="100px">
<hr>
<select id="cboLoQueSea" onChange="javascript:cambiaImagen(this.value);">
<option value="http://ba-k.com/images/fun/misc/logosombra.png">Imagen 1</option>
<option value="http://l.yimg.com/a/i/mntl/ww/events/p.gif">Imagen 2</option>
<option value="/pathdelaimagen/imagen3.gif">Imagen 3</option>
</select>
</BODY>
</HTML>
<script language="javascript">
function cambiaImagen(path)
{
document.getElementById("idMiImagen").src=path;
}
</script>
 
Debes iniciar sesión o registrarte para responder aquí.
Arriba