elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.


 


Tema destacado: [Aporte] Mejores practicas en Java


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  agrandar imagen, (1 imagen sola) y luego tener la opcion de minimizar...
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: agrandar imagen, (1 imagen sola) y luego tener la opcion de minimizar...  (Leído 3,048 veces)
Firos
Ex-Staff
*
Desconectado Desconectado

Mensajes: 1.409


Enseña lo que sepas... y oculta lo peor...


Ver Perfil
agrandar imagen, (1 imagen sola) y luego tener la opcion de minimizar...
« en: 24 Marzo 2004, 10:00 »

holas  ;D

Bien... tengo un problemilla... mi profesor de informatica me ha dicho, busca por internet o pregunta a tus amigos sobre como puedo hacer esto:


Tenemos un script, que carga una imagen aleatoria.
Al cargar la imagen, sea cual sea, tiene la opcion de "zoom" y ahora necesitamos como hacer una vuelta a la imagen antes...  nos da igual que sea una imagen, o dos, ya que se le puede aplicar un zoom...
Nuestro problema es, que necesitamos:

 -La imagen se carga aleatoria.
 -La imagen cargada aleatoriamente tiene un "hipervinculo" que no cambia de pagina, es un zoom que amplia la imagen.
 -Ahora queremos que la imagen ampliada tenga la opcion de retroceso, volver a la imagen anterior o minimizar el zoom de la pagina anterior...

Lo que tenemos es un archivo de funciones, que es llamado... y tiene este codigo

Citar
function ActualizarSituacion(cadena1)
    {
//      parent.situacion.document.write("<a href='menu.html' target='menu'>"+cadena1+"</a>");
        parent.situacion.document.open();
        parent.situacion.document.write("<html>");
        parent.situacion.document.write("<head>");
        parent.situacion.document.write("<style type=text/css> <!--   A{text-decoration:none}   ");
        parent.situacion.document.write("A:hover{color:#990000;text-decoration:none}")
   parent.situacion.document.write("p{font: 8pt verdana;} --></style>");
        parent.situacion.document.write("</head>");
        parent.situacion.document.write("<body>");
   parent.situacion.document.write("<table border='0' height='100%' width='100%' cellspacing='0'>");
     parent.situacion.document.write("<tr>");
   parent.situacion.document.write("<td width='120' bgcolor='#FFCCCC'></td>");
      parent.situacion.document.write("<td bgcolor='#FFCCCC'>");
        parent.situacion.document.write(cadena1);
   parent.situacion.document.write("</td>");
   parent.situacion.document.write("</tr>");
   parent.situacion.document.write("</table>");
        parent.situacion.document.write("</body>");
        parent.situacion.document.write("</html>");
        parent.situacion.document.close();
   }

function ImagenesObj() {
n=0;
this[n++]="imagenes/fotos/img01.jpg";
this[n++]="imagenes/fotos/img02.jpg";
this[n++]="imagenes/fotos/img03.jpg";
this.N=n;
}

ESO ES LA PRECARGA DE IMAGENES

y este es el codigo que tenemos en la pagina web:
Citar
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<title>Documento sin título</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script language="javascript" src="misfunciones.js">
</script>
</head>

<body>
<script language="javascript">
var Imagenes=new ImagenesObj();
src= Imagenes[ Math.floor(Math.random() * Imagenes.N) ] ;
document.write("<a href='"+src+"'><IMG SRC="+src+" width='13%' border='0'></a>");
</script>
<p>Inicio </p>
</body>
</html>
lo que tenemos es un widht aplicado y queremos que la imagen que esta precargada, cuando la llamamos desde la pagina ya existente que tenga la propiedad de volver, o minimizar...

Si alguien nos puede ayudar nos da igual como se resuelva...

Gracias y salu2 ;)


En línea

El final del camino no está determinado, lo determinamos nosotros mismos paso a paso, día a día, y se puede cambiar.
Firos
Ex-Staff
*
Desconectado Desconectado

Mensajes: 1.409


Enseña lo que sepas... y oculta lo peor...


Ver Perfil
Re:agrandar imagen, (1 imagen sola) y luego tener la opcion de minimizar...
« Respuesta #1 en: 24 Marzo 2004, 15:51 »

Ya se que es dificil... pero entre todos yo creo que podremos  ;D...

Salu2 ;)


En línea

El final del camino no está determinado, lo determinamos nosotros mismos paso a paso, día a día, y se puede cambiar.
Morris
Ex-CoAdmin y
Ex-Staff
*
Desconectado Desconectado

Mensajes: 1.966


Ver Perfil WWW
Re:agrandar imagen, (1 imagen sola) y luego tener la opcion de minimizar...
« Respuesta #2 en: 25 Marzo 2004, 06:05 »

mira, con ese código no se puede porque lo que está generando es una liga directamente al JPG... la forma más simple es agregar un frame y ponerle un botón de regresar con
<img src="javascript:ELFRAME.history.go(-1)">

la primera función no sirve para nada en ese script...

La otra es manejarlo con DHTML que te permite dinámicamente actualizar propiedades... mmm...

esto me suena a que te estoy haciendo tu tarea ????

Código:
<html>
<head>
<script type="text/javascript">
bandera = 1
function moveover()
{
if(bandera == 1){
document.getElementById('image').width="300"
document.getElementById('image').height="300"
bandera = 0
}
else{
document.getElementById('image').width="122"
document.getElementById('image').height="122"
bandera = 1
}
}

</script>
</head>
<body>

<b>Mouse over the image:</b><br>
<img id="image" src="1.jpg"
onClick="moveover()"
width="122" height="122" style="cursor:hand">

</body>
</html>

MMMhhh... me parece que me voy a abstener de realizar códigos para resolver dudas... porque fomento la flojera y la falta de investigación...
En línea

Firos
Ex-Staff
*
Desconectado Desconectado

Mensajes: 1.409


Enseña lo que sepas... y oculta lo peor...


Ver Perfil
Re:agrandar imagen, (1 imagen sola) y luego tener la opcion de minimizar...
« Respuesta #3 en: 25 Marzo 2004, 11:47 »

no morris... jejeje el caso es que mi profesor me lo pidio, nada mas... pero no es un trabajo de clase, ni mucho menos... los que hacemos en estas clases es copiar ejercicios al word... nada de codificacion ni nada... nivel de usuario de pc.
Mi profesor me pidio eso, que preguntara porque lo necesita, nada mas  ;)
Salu2  ;)

-[Añado]-
Lo acabo de probar, y funciona perfectamente... muchas gracias ;)
« Última modificación: 25 Marzo 2004, 11:51 por firos » En línea

El final del camino no está determinado, lo determinamos nosotros mismos paso a paso, día a día, y se puede cambiar.
Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines