Funcion php dentro de a href=""

[colote]

Hola gente, encontre una funcion php que muestra las imagenes redimensionadas, el tema es que tengo que ponerla dentro de un a href para que cuando clikee la imagen chiquita se muestre del tamaño que crea la funcion.


La funcion es esta:

Código PHP:

  <?php 

/*Función REDIMENSIONAR 
Toma la ruta de una imagen, un valor máximo  
de ancho y otro máximo de alto. Si la imagen  
rebasa dichas medidas, calcula las medidas  
máximas que podría tener manteniendo el  
formato original para no salirse de las medidas 
indicadas. 

Finalmente la función imprime la imagen. 
*/ 

function redimensionar($ruta,$ancho,$alto){ 

//Obtenemos las dimensiones, la ruta es absoluta. 
$dim = getimagesize($ruta); 
/*getimagesize() pasa un array a la variable 
$dim tal que $dim[0] contiene el ancho de la imagen  
y dim[1] contiene el alto.*/ 
if($dim[1]){ 
//Para asegurarnos de que dim[1] es diferente de cero 
$cociente = $dim[0] / $dim[1]; 
} 
if($alto){ 
//Para asegurarnos de que alto es diferente de cero 
$coc_max = $ancho / $alto; 
} 

    if(($dim[0]<=$ancho)&&($dim[1]<=$alto)){ 
    /*En este caso no pasa nada y  
    la imagen se imprime con su tamaño original*/ 
    $ancho = $dim[0]; 
    $alto = $dim[1]; 
    }else{ 
        if($cociente>=$coc_max){ 
        /*En este caso el factor más restrictivo 
        va a ser el ancho de la foto*/ 
        $alto = $ancho / $cociente; 
        }else{ 
        /*En este caso el factor restrictivo  
        va a ser la altura de la foto*/ 
        $ancho = $alto * $cociente; 
        } 
    } 
    
    echo "<img src='$ruta' width='$ancho' height='$alto'>"; 
} 
?>   

Estoy mostrandola asi:

Código PHP:

 <a href="<?php echo $foto?>" rel="lightbox" ><img src="<?php echo $foto?>" width="150" ></a>  

Si llamo a la funcion

Código PHP:

 <a href="<?php redimensionar($foto,600,400)?>" rel="lightbox" ><img src="<?php echo $foto?>" width="150" ></a>  

dentro del a href,
no muestra nada.

Alguna manito por ahi !!!

Debe ser una pavada, pero no me puedo terminar de dar cuenta cual es el error !!!

Gracias de antemano !!

Saludos, Ricardo.

[pateketrueke]

Estás tratando de mezclar peras con manzanas, si no comprendes los fundamentos del HTML no deberías mezclar las cosas así.

El atributo href necesita una URL, o fragmento útil que entienda el navegador como una acción.

Pero tu le quieres poner otra etiqueta de HTML como si nada, mal ahí.

Además, el plugin que estás usando para lightbox debería darte las pautas de que cómo debe ser el HTML requerido para que funcione, por ahí es dónde debes comenzar a ver.

Ahí está la clave.

[colote]

Y como puedo lograr para que cuando clickee en la imagen chiquita se abra la grande pero haciendo referencia a esa funcion que la achica ?

Gracias.

[pateketrueke]

Como te acabo de decir, el lightbox que estás usando (desconocemos cual) debe darte ejemplos de cómo hacerlo funcionar, ¿qué vamos a saber nosotros si adivinar no podemos?

Tu problema no es de código (php) actualmente, es de concepto (html), si no sabes prender el auto dudo que aunque te demos una dirección y GPS llegues a tu destino.

[colote]

okok Entendido.

Meto mano al CSS !!!

Gracias !!!

[colote]

Por las dudas , uso este !!!

Saludos.

Código CSS:

#lightbox{  position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
 
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
 
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
 
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
 
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }
 
#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }  
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;  }           
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}      
 
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
 

[pateketrueke]

Creo que sigues algo confundido, en ningún momento he mencionado que el problema sea de CSS sino de interpretación de HTML, desde luego, tuya.

Además, es mas inteligente de tu parte colocar la URL del lightbox que usas, y no el código.

[colote]

A q te referís con URL y no el código ?
Bue no hay drama.
Trato de resolverlo de otro modo.
Gracias igual.

[pateketrueke]

Me refiero a que el lightbox que estás usando lo debiste sacar de algún lugar, ¿cierto?

Seguramente dicho plugin tiene una pagina web, ¿cierto?

Pienso que también en esa web hay ejemplos de como funciona, ¿cierto?

Si nos dices "estoy usando el panchito-lightbox y lo bajé de aquí panchito.com/plugins/lightbox", nosotros, de manera intuitiva, podemos entrar al sitio, ver los ejemplos y probablemente indicarte cómo debes hacer el HTML para que funcione como deseas.

Pero bueno, no hay drama como bien dices, suerte con lo tuyo.

[colote]

Asi es,
Este estoy usando

http://lokeshdhakar.com/projects/lightbox2/