Imagen como boton

[cadsys]

Hola buenas a tod@s.

Quisiera si me podrian explicar como con unas imagenes por ejemplo :

foto1 foto2 foto3 foto4


IMAGEN_FINAL



en la misma pagina cuando yo pinche en la FOTO1 por ejemplo que me salga la imagen en IMAGEN_FINAL en grande, algien me puede hechar una manita , le estaria eternamente agradecido.


Muchas Gracias a tod@s.

[David]

Para eso debes usar Javascript, en el evento onclick de las imágenes cambias el src de la imagen de abajo.

[iovan]

Hola amigo, haber te va un ejemplo

Código PHP:

 <a href="#?foto=mifoto1.jpg">foto1</a> | <a href="#?foto=mifoto2.jpg">foto2</a> | <a href="#?foto=mifoto3.jpg">foto3</a> | <a href="#?foto=mifoto4.jpg">foto4</a>

<?php echo "<img src='http://misevidor.com/fotos/".$_GET['foto']."'>";?>   

Donde "mifoto1.jpg, mifoto2.jpg, etc..." son el nombre de la imagen que debe estar dentro del directorio http://misevidor.com/fotos/

Saludos!

[cadsys]

Vamos haber porque creo que me he explicado mal. Empiezo desde el principio.

Tengo un Flash donde sale unas fotos y muestran las fotos en grande hasta y bien pero dentro del flash tengo un buscador donde busco por referencias para mostrar todas las referencias que coincidan y todas esas coincidencias las cargo en una base de datos.
Que consta de tre campos:

Muestra1 = images/verano/prevs/2345 foto1.jpg (Esta es la Imagen pequeña)
Muestra2 = images/verano/img/2345 foto1.jpg (Esta es la Imagen Grande)
Muestra3 = 2345 foto1 (esto solo es el textode la foto)

Lo que quiero es como en la foto que muestro en el 1º post que cuando pinchen en una imagen salga la misma imagen en grande.

Perdonar si no me he explicado bien antes.

Y por supuesto muchas gracias por las respuestas tan rapidas.

[jam1138]

Tema movido de PHP a Flash.

[PabloAmericus]

Segun lo que te entendi...te doy una ayudadita

Teniendo ya las imagenes en miniatura como botron y suponiendo que la primer tenga nombre de instancia boton1 te doy este codigo , pero antes tiene que poner un componente Loader en el escenario y tambien suponiendo que este tenga nombre de instacia cargador

Pones este codigo en el primer frame

Código action script:

cargador.autoLoad = false;
 
//Evento del boton
boton1.onRelease =function(){
cargador.contentPath = "/imagen1.jpg"; //Ruta de la imagen a cargar
cargador.autoLoad=true; // Carga la imagen
cargador._width = 600;//Ancho del cargador
cargador._height= 200;//Alto del cargador
cargador.scaleContent = false; //Ajusta la imagen al ancho y alto especificados
}
 

[cadsys]

Gracias por responder pero comento la pagina que muestro al principio esta en PHP y quiero que cuando se pulse la imagen pequeña salga abajo en grande pero en php no en flash. Me hantrasladado el post aqui creyendo que es en flash y lo que quiero es un codigo en PHP.


Gracias a todos por su respuestas tan rapidas.

Saludos.

[jam1138]

Iniciado por cadsys

[...] quiero que cuando se pulse la imagen pequeña salga abajo en grande pero en php no en flash. [...]

Pero ¿sabes qué es PHP?.

Insisto que el concepto es básico, por ello varias veces he dicho: ¡PHP no hace páginas web!. Tú estás describiendo un comportamiento del lado del cliente, eso se hace con un lenguaje del lado del cliente, usualmente JavaScript, pero como trabajas con Flash, entonces es tema de ActionScript.

PHP solo itera en el servidor para generar ese código entregado al cliente de manera dinámica, pero el resultado es algo completamente independiente. Ya se orientó como sería con JavaScript, ya se te orientó como sería con ActionScript ... entiendelo: NO ES TEMA DE PHP.

Si insistes, adelante, el tema se te puede regresar, pero temo que, o estás muy errado en el concepto o no te estás explicando en cuanto a lo que quieres. Si tienes alguna idea de lo que quieres, utilizando PHP, sería bueno lo mostraras para poder entenderte ...

Un saludo

[PabloAmericus]

Bueno entonces no sabria ayudarte no se manejar php....pero no creo que puedas hacerlo con php como dicen aqui arriba seria con JavaScript

[thezzin]

vi tu tema en php y dices que quieres usar php
aquí te dejo un código parecido al que te dejo el usuario New

el problema es que dices que tienes un file en Flash
si es así tendrás que usar un código php diferente.
porque este código solo lo podes usar en una pagina php/html
abajo el código.

Código PHP:

  <?php
$ImagenDeLaDB = 'images/imagen.jpg';
?>
<table width="537" border="1">
  <tr>
    <td width="233"><a href="<?php echo $_SERVER['PHP_SELF']."?img=$ImagenDeLaDB";?>"><img src="<?php echo $ImagenDeLaDB;?>" width="194" height="152"></a></td>
    <td width="141">Imagen 2 B</td>
    <td width="141">Imagen 2 C</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td><?php $sel = $_SERVER['PHP_SELF'];
if(isset($_GET['img'])){
//una ves que se ha hecho click en la imagen la muestras en tamaño grande sin el, width ni el height
echo "<a href=\"$sel\" title=\"Click Aqui Para Cerrar\">Click aqui Para Cerrar<br /><br />". '<img src="'.$_GET['img'].'"></a>';
}?></td>
    <td>Imagen Grande 2 B</td>
    <td>Imagen Grande 2 B</td>
  </tr>
</table>  

Ver Ejemplo http://www.eigts.com/doc.php

[cadsys]

Amigo thezzin perdona por el retraso , me funciona pero el problema como biene de una busqueda, y lo que hace es volver a ejecutar la pagina pues me da errores, habria algun metodo para que cargar la pagina cada vez que se pulse una imagen.


Muchas gracias , muy agradecido.

[thezzin]

Iniciado por cadsys

y lo que hace es volver a ejecutar la pagina

Dice que vuelve a ejecutar la pagina. y por eso te da error

Iniciado por cadsys

habria algun metodo para que cargar la pagina cada vez que se pulse una imagen.

y aquí me dices que si habrá alguna forma para que vuelva cargue la pagina
me quede varado. me podrías decir si quieres que la pagina sea cargada cada ves que haces click en una imagen pequeña o_?

[acumulador]

Bueno si es en php te recomiendo que crees una tabla con 2 frames; uno con las imagenes pequeñas y otro para cargar las imagenes, cuando den clic en la imagen pequeña envias por metodo GET un nombre de imagen, el cual lo va a buscar con php en la carpeta donde esten la imagenes y la muestras, ademas podes cambiar le tamaño con el width y el height.

Si te sirve mas trade que termine algo te subo el ejemplo por ahora te puedes guiar con esto.

[acumulador]

Iniciado por acumulador

Bueno si es en php te recomiendo que crees una tabla con 2 frames; uno con las imagenes pequeñas y otro para cargar las imagenes, cuando den clic en la imagen pequeña envias por metodo GET un nombre de imagen, el cual lo va a buscar con php en la carpeta donde esten la imagenes y la muestras, ademas podes cambiar le tamaño con el width y el height.

Si te sirve mas trade que termine algo te subo el ejemplo por ahora te puedes guiar con esto.

Bueno lo prometido, ademas si alguien mas lo necesita.

En la pagina Html
la llamo galeria.html

<%@ page contentType="text/html; charset=utf-8" language="java" import="java.sql.*" errorPage="" %>
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin t&iacute;tulo</title>
</head>

<body>
<table width="550" height="368" border="0" align="center">
<tr>
<td height="87"><div align="center"><a href="fotos.php?fo=f_cuatro.jpg" target="carga"><img src="imagenes/f_cuatro.jpg" width="88" height="59" /></a>
<a href="fotos.php?fo=f_tres.jpg" target="carga"><img src="imagenes/f_tres.jpg" width="88" height="59" /></a>
<a href="fotos.php?fo=f_dos.jpg" target="carga"><img src="imagenes/f_dos.jpg" width="88" height="59" /></a>
<a href="fotos.php?fo=f_uno.jpg" target="carga"><img src="imagenes/f_uno.jpg" width="88" height="59" /></a>
</div></td>
</tr>
<tr>
<td><iframe src="fotos.php" name="carga" width="550" marginwidth="0" height="520" marginheight="0" align="top" scrolling="Auto" frameborder="0" id="carga"></iframe></td>
</tr>
</table>
</body>
</html>

Si te fijas loq ue se tiene es una tabla con 2 filas y una columna, enla segunda fila hay un ifame el cual sirve para cargar las fotos seleccionadas en la fila de arriba. La cual solo tien las imagenes pequeñas como hipervinculo y pasando una variable que llamo fo por con el metodo GET para recibirlo en la pagina que llamo fotos y tiene le php que recibe la variable e imprime la imagen en el tamaño que deseas.

Pagina fotos.php

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin t&iacute;tulo</title>
</head>

<body>
<?php

$myfot=$_GET['fo'];

?>
<center>
<img src="<?php echo "imagenes/".$myfot; ?>" width="450" height="450" alt="Imagen desde la Galeria" />
</center>
</body>
</html>

Aqui esta bien facil, solo tomo la varuiable y la muestro en una etiqueta img, pero en el src cargo la variable que viene por GET, adicional a esto le asigno un tamaño con width y heght.

Listo espero te sirva y sobre todo me comprendas por que la idea no es copiar si no aprender.