Ver Mensaje Individual
  #6 (permalink)  
Antiguo 05/04/2011, 04:16
Avatar de Kamae
Kamae
 
Fecha de Ingreso: abril-2008
Ubicación: Barcelona (Catalunya)
Mensajes: 307
Antigüedad: 16 años
Puntos: 13
Respuesta: Galeria de imagenes con vistas previas

Mmmm, hombre, una de las formas que puedes hacerlo es usando DIVs y la propiedad CSS z-index. Muestras lo generado tal cual en un div (si tienes formularios los pones como "readonly"), y en otro div con z-index:2; (que estará por encima) haces la marca de agua por ejemplo. Es la única forma que se me ocurre aunque seguro que habrá otras más adecuadas.

Te he hecho esto por ejemplo, un poco cutre pero si te fijas el usuario sólo puede interactuar con la capa de "SUSCRÍBETE", la de atrás queda bloqueada porque está un nivel por debajo, y si por lo que fuera lograran acceder a ella, los campos de los formularios son readonly, el formulario es "de mentira":

Código PHP:
<html>
<
body>
    <
div style="width:700px; height:500px; position:absolute; z-index:1">
        
Usuario: <input type="text" value="Auron" readonly><br/>
        
Contrase&#241;a: <input type="text" value="******" readonly> <input type="button" value="Cambiar" onclick="javascript:void(0);">
        
Fecha de registro: <input type="text" value="05-04-2011" readonly><br/>
        
Im&#225;genes:<br/><br/><img src="http://ubuntulife.files.wordpress.com/2008/04/space-art-wallpaper.jpg" width="300" height="300"> 
        
<img src="http://sp3.fotolog.com/photo/19/34/118/fleta_30/1237233228527_f.jpg" width="300" height="300"><br/><br/>
        <
img src="http://www.macoteca.com/wp-content/uploads/2008/11/wallpaper10.jpg" width="300" height="300">
        <
img src="http://www.institutourbano.com/wp-content/uploads/2010/06/rapsuus-siempre.jpg" width="300" height="300"><br/>
    </
div>
    <
div style="width:700px; height:750px; z-index:2; position:absolute; font-size:54pt; text-align:center; color:red;">
        
SUSCR&#205;BETE<br/>
        
SUSCR&#205;BETE<br/>
        
SUSCR&#205;BETE<br/>
        
SUSCR&#205;BETE<br/>
        
SUSCR&#205;BETE<br/>
        
SUSCR&#205;BETE<br/>
        
SUSCR&#205;BETE<br/>
        
SUSCR&#205;BETE<br/>
        
SUSCR&#205;BETE<br/>
    
</div>
</
body>
</
html
Igual te sirve como idea, ya que dices que la imagen previa la tienes generada, bastaría con sustituir todo el código de formulario y tal por la imagen de tu previa y ya está. De todas formas, esto que te cuento no es poner una marca de agua en la foto, aunque a efectos prácticos es casi lo mismo, recuerdo que en el FP nos enseñaron funciones de tratamiento de imágenes y gráficos con PHP y nos enseñaron a escribir en la imagen (marca de agua). Igual Google sabe contarte más jejej

Saludos!