PHP - ingresar datos ok , visualizar fotos consulta con un tamaño máximo

ingresar datos ok , visualizar fotos consulta con un tamaño máximo

Publicado por julian (16 intervenciones) el 19/06/2013 06:28:48

hola gente les cuento un poco tengo un formulario q tiene variosc ampos entre ellos una funcion para subir fotos me anda todo bien pero mi problema es al visualizar porq cuando hago click en ella si es de tamaño muy grande se ve mal pñorq carga en toda la pagina , lo q quiero hacer es darle cierto tamaño para q no quede lenta la pagina al cargar y quede prolijo aca el codigo del archivo q muestra , cualquier cosa subo el resto no tengo problema
pd este es un pedazo del codigo ya q utilizo js y otros archivos pero aca es donde quiero modificar

<?php

extract($_GET);

include "../_php/conexion.php";

$result = mysql_query("SELECT idFoto,path,titulo,alt FROM fotos WHERE idTerreno=$id");

$tabla="<table border='1'>";

$contador=3;

while ($row = mysql_fetch_array($result)) {

    extract($row);

    if($contador%3==0){

        $tabla=$tabla. "<tr>\n";

    $tabla=$tabla. "\t<td><img src='../imagenes/$path' onclick='imagen($idFoto)'  width='80' heigth='80' alt='$alt' title='$titulo' /></td>\n";

	//aca cambio el tamaño de las imagenes q aparecen junto a todas las fotos

    $contador++;

    if($contador%3==0){

        $tabla=$tabla. "</tr>";

$tabla=$tabla. "</tr>";

$tabla=$tabla. "</table>";

echo $tabla;

$result = mysql_query("SELECT Area as terreno,Titulo,Ubicacion,Precio,Descripcion FROM terreno WHERE id=$id");

$row = mysql_fetch_array($result);

extract($row);

//aca edito el resultado de mostrar.php, van las tablas primero luego el nombre de como tengo en la bdd

echo "<div><table >

    <tr>

        <td>Area</td><td> :</td><td> $terreno</td>

</tr>

<tr>

        <td>Ubicacion_Paraje</td><td> :</td><td> $Ubicacion</td>

</tr>

<tr>

        <td>Precio</td><td> :</td><td>$Precio</td>

    </tr>

<tr>

        <td>Descripcion</td><td> :</td><td>$Descripcion</td>

    </tr>

    </table></div>

";

?>

 <div id="idFoto"></div>

</div>

            </body>

</html>

Valora esta pregunta

Me gusta: Está pregunta es útil y esta clara

No me gusta: Está pregunta no esta clara o no es útil

Responder

Pos: 1

Val: 3.943

ingresar datos ok , visualizar fotos consulta con un tamaño máximo

Publicado por xve (6935 intervenciones) el 19/06/2013 08:35:34

Hola Julian, no se ver muy bien donde se te carga la imagen grande como dices... viendo tu código, veo que cargas tu imagen dentro de una tabla con una anchura y altura fija de 80, pero también veo un div con el id idForo, que puede ser que pongas ahí por javascript la foto que visualizas tan grande?

Coméntanos, ok?

Valora esta respuesta

Me gusta: Está respuesta es útil y esta clara

No me gusta: Está respuesta no esta clara o no es útil

Comentar

ingresar datos ok , visualizar fotos consulta con un tamaño máximo

Publicado por julian (16 intervenciones) el 20/06/2013 21:29:17

gracias por la respuesta , exacto es por alli la verdad q fui copiando pedazos de codigo y adaptandolos y me quedo pero esto no se como hago para q funcione correctamente , al clickear las imagenes quiero q queden en un tamaño x nose si se entiende , las cargo en un div idFoto como tu dices si

Valora esta respuesta

Comentar

Pos: 1

Val: 3.943

ingresar datos ok , visualizar fotos consulta con un tamaño máximo

Publicado por xve (6935 intervenciones) el 21/06/2013 07:18:46

Hola Julian, una manera, seria poniendo un estilo al idForo, algo así:

#idForo {max-width:200px;max-height:200px;}

coméntanos si te sirve, ok?

Valora esta respuesta

Comentar

ingresar datos ok , visualizar fotos consulta con un tamaño máximo

Publicado por julian (16 intervenciones) el 25/06/2013 06:15:55

muchas gracias por la ayuda , te cuento ando perdido como repito en el tema de mostrar foto lo q se porq fui comentando parte del codigo es q esta es mi funcion para mostrar foto
function mostrar(dato){

$("#foto").remove();

$("#idFoto").html(dato);//en esta linea me muestra los resultados cuando le hago click

}
es un javascript , nose dodne poner ese codigo q tu me pasaste saludos

Valora esta respuesta

Comentar

Pos: 1

Val: 3.943

ingresar datos ok , visualizar fotos consulta con un tamaño máximo

Publicado por xve (6935 intervenciones) el 25/06/2013 09:13:54

Hola Julian, ese código es un estilo...
Por ejemplo, pon dentro del tag <head>

<style>

#idForo {max-width:200px;max-height:200px;}

</style>

Coméntanos, ok?

Valora esta respuesta

Comentar

ingresar datos ok , visualizar fotos consulta con un tamaño máximo

Publicado por julian (16 intervenciones) el 28/06/2013 20:33:35

hola xve te agradezco mucho el tiempo dedicado en ayudarme ppero no llego a la solucion aun , aqui va mi codigo mostrar.js

function imagen(id){

    $.ajax({

            async:false,

            type: "POST",

            dataType: "html",

            url:"../_php/ajax/mostrar.php",

            data:"id="+id ,

            success:mostrar,

            error:error,

            timeout:4000

});

function mostrar(dato){

    $("#foto").remove();

   $("#idFoto").html(dato);//en esta linea me muestra los resultados cuando le hago click

function error(dato){

    alert("Error"+dato);

aca el mostrar.php

<html>

<meta http-equiv=Content-Type content="text/html; charset=ISO-8859-1">

    <head>

        <title></title>

        <script type="text/javascript" src="../js/jquery.js"></script>

        <script src="../js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>

        <script src="../js/ajax/mostrar.js" type="text/javascript" charset="utf-8"></script>

        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    </head>

    <body>

        <div>

<?php

extract($_GET);

include "../_php/conexion.php";

$result = mysql_query("SELECT idFoto,path,titulo,alt FROM fotos WHERE idTerreno=$id");

$tabla="<table border='1'>";

$contador=3;

while ($row = mysql_fetch_array($result)) {

    extract($row);

    if($contador%3==0){

        $tabla=$tabla. "<tr>\n";

    $tabla=$tabla. "\t<td><img src='../imagenes/$path' onclick='imagen($idFoto)'  width='80' heigth='80' alt='$alt' title='$titulo' /></td>\n";

	//aca cambio el tamaño de las imagenes q aparecen junto a todas las fotos

    $contador++;

    if($contador%3==0){

        $tabla=$tabla. "</tr>";

$tabla=$tabla. "</tr>";

$tabla=$tabla. "</table>";

echo $tabla;

$result = mysql_query("SELECT Area as terreno,Titulo,Ubicacion,Precio,Descripcion FROM terreno WHERE id=$id");

$row = mysql_fetch_array($result);

extract($row);

//aca edito el resultado de mostrar.php, van las tablas primero luego el nombre de como tengo en la bdd

echo "<div><table >

    <tr>

        <td>Area</td><td> :</td><td> $terreno</td>

</tr>

<tr>

        <td>Ubicacion_Paraje</td><td> :</td><td> $Ubicacion</td>

</tr>

<tr>

        <td>Precio</td><td> :</td><td>$Precio</td>

    </tr>

<tr>

        <td>Descripcion</td><td> :</td><td>$Descripcion</td>

    </tr>

    </table></div>

";

?>

 <div id="idFoto">

</div>

            </body>

</html>

disculpa pero pegue todo el codigo capaz q es mas facil y hay un error q yo nov eo o algo saludos

Valora esta respuesta

Comentar

ingresar datos ok , visualizar fotos consulta con un tamaño máximo

Publicado por julian (16 intervenciones) el 16/07/2013 23:57:08

hola disculpa q inssita pero preciso esto para un examen ahora y no llego a corregirlo si puedes ayudarme te agradezco y tengo archivos en php y mysql a la orden para lo q sea saludos julian

Valora esta respuesta

Comentar

Variables de entorno de sistema desde PHP

codigo para eleborar presupuestos en una pagina web