Album de foto simple

natyale · #1 (**permalink**) 04/12/2012, 08:08

Hola queridos amigos...tengo un trabajo que hacer urgente. Es un álbum de fotos donde salgan los thum y al hacer click que se agrande. El tema principal es que quiero que se pueda cargar las fotos desde la Web.

Me gustaría tener una sección donde ingreso mi usuario y pass para ingresar a subir las fotos. Vi algunos scripts pero tienen otras opciones que no quiero. Solo quiero que salgan los thum y la foto grande cuando se haga click y nada mas.

Agradezco vuestra ayuda...

Saludos

emprear · #2 (**permalink**) 04/12/2012, 09:59

algo muy simple

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Galería</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript">
//<![CDATA[
function galeria(x){
document.ampliar.src=x.src;
}
window.onresize = function(){
window.resizeTo(300,300);
}
window.onclick = function(){
window.resizeTo(300,300);
}
 
//]]>
</script>
 
</head>
<body>
<p>
<img src="http://foros.emprear.com/img_fdw/481.png" alt="" width="60" height="60" onclick="galeria(this);"/>
<img src="http://foros.emprear.com/img_fdw/wall05-homero-simpsons.jpg" alt="" width="60" height="60" onclick="galeria(this);" />
<img src="http://foros.emprear.com/img_fdw/blob.jpg" alt="" width="60" height="60" onclick="galeria(this);" /><br /><br />
<img src="http://foros.emprear.com/img_fdw/tr.gif" alt="" width="400" height="400" name="ampliar" />
</p>
</body>
</html>

si no ya pasar a algún lightbox, el upload lo tenés que hacer con php

Saludos

natyale · #3 (**permalink**) 05/12/2012, 19:52

Emprear mil gracias...es simple y muy útil, justo lo que buscaba. El tema es que no se como hacer para que se pueda hacer un formulario para subir fotos nuevas y hasta poder borrar las que ya están.

Me puedes ayudar, recién estoy estudiando todo esto y la verdad que no me manejo bien...porfi, es para una web que le estoy haciendo a mi hermana.

Saludos.

Naty.

emprear · #4 (**permalink**) 05/12/2012, 20:25

Cita:

Iniciado por natyale

Emprear mil gracias...es simple y muy útil, justo lo que buscaba. El tema es que no se como hacer para que se pueda hacer un formulario para subir fotos nuevas y hasta poder borrar las que ya están.

Me puedes ayudar, recién estoy estudiando todo esto y la verdad que no me manejo bien...porfi, es para una web que le estoy haciendo a mi hermana.

Saludos.

Naty.

Vas a necesitar de php, pero solo puedo orientarte, por un lado, en las wikis del foro tenés esto
http://www.forosdelweb.com/wiki/PHP:..._formulario%3F

Por otro parender a listar un directorio
http://www.forosdelweb.com/wiki/PHP:...ar_archivos%3F

la idea es que subas todas las imágenes a un directorio,

luego, en una página lees el directorio y generás las imagenes como miniaturas para cambiar el src de la imágen principal ( que en mi ejemplo es un gif transparente de 1x1 px)
luego, en otra página adminsistrativa, por un lado ponés el form para subir las fotos y por el otro volvéa a hacer la lectura del directorio, pero esta ves generas las miniaturas acompañadas de un botón para borrar la imagen

Desde ya que lo que te estoy comentando tiene infinitas variantes y mejoras, pero bueno, como idea básica, para comenzar tenés.

Saludos