PHP para linkear una imagen variable

[Juanitoss]

Alguien puede escribirme el código en PHP, ya que lo que pido de usar una variable en HTML es imposible.


Este es el código alojado en la página inicial de ht?p:/mipagina.net:

<frameset rows="100%,*" frameborder="NO" border="0" framespacing="0">
<frame name="main_frame" src="ht?p:/subeimagen/imagen.jpg">
</frameset>

Como puedo hacer para que donde hay el link de una imagen fija, pueda haber un link de imagen variable.


Me interesaría que al cargar la página, en el mismo link de la página a cargar, se le pudiera indicar el link de la imagen a abrir.

ht?p:/mipagina.net?ht?p:/subeimagen/imagen2.jpg

O sea, yo tengo ese codigo HTML en mi pagina inicial para que me cargue esa imagen. Pero el problema es que no siempre tengo que cargar la misma imagen. tengo hasta 102 imagenes distintas para cargar y algunas veces muchas más. Una solución seria crear un archivo html con el codigo de arriba, cambiando cada vez el nombre de la imagen y eso me daría 102 archivos HTML con el mismo código HTML, pero la solución digna de "Forosdelweb" o de una página web profesional sería usar código PHP y donde hay la imagen fija se pudiera poner un link de imagen variable. Las imágenes estan posteadas en otra web y nunca se el nombre que tendrán. Por eso es muy importante que al cargar la página, en ella haya el link de la imagen a cargar.


Alguien me ha entendido y puede ayudarme?

Necesito el código PHP que tengo que subir en mi página inicial para que pueda hacer eso realidad.

Gracias!

[GatorV]

No puedes hacer un link con un frame, tienes que forzoso hacer el link en un archivo html de esta forma:

Código html:

<a href="destino.url"><img src="imagen.jpg"></a>
 

Ahora el imprimirla dinamicamente eso si lo puedes hacer con PHP, lo que haces por ejemplo es poner tus imagenes con sus links en un array, uno asociativo te serviria como por ejemplo:

Código php:

$links = array(
     'pagina.com' => 'pagina.jpg',
     'pagina2.com' => 'pagina2.jpg'
);
 

Luego puedes usar rand() para obtener un indice aleatorio y obtener la imagen a imprimir:

Código php:

$urls = array_keys($links);
$url = $urls[$random];
$image = $links[$random];
 

Finalmente imprimes tu HTML válido:

Código php:

<a href="<?php echo $url; ?>"><img src="<?php echo $image; ?>" /></a>
 

Saludos.

[Juanitoss]

Muchas gracias por la respuesta!!

Pero el problema es que no puedo hacer ningun array de links de imagenes, porque desconozco esos links de imagenes.

Por eso es muy importante que el usuario al lanzar mi pagina, inserte en el link de la url el path de la imagen que desea cargar.

ht?p:/mipagina.net?ht?p:/subeimagen/imagen2.jpg


Sólo pido un simple código que me permita cargar una imagen en una web, en la parte superior izquierda, sin bordes, ni nada y que el path de esa imagen a cargar se encuentre en el mismo link de la url.

Se puede hacer esto con PHP o algun otro lenguaje o lo que pido es imposible de llevar a cabo por cualquiera de los lenguajes de programacion de web que existen actualmente.

Gracias!

[GatorV]

quieres inyectar un código en una web que no es tuya? Porque no entiendo correctamente que es lo que quieres hacer...

[Juanitoss]

Iniciado por GatorV

quieres inyectar un código en una web que no es tuya? Porque no entiendo correctamente que es lo que quieres hacer...

No, amigo.

A ver lo unico que quiero es lo que te he indicado.

Yo tengo una aplicacion en lenguaje C++ que tiene un opcion, esta opcion abre en el navegador una web que muestra la imagen personalizada de un usuario. La imagen que se abre en el navegador ha sido subida por el mismo usuario en una pagina de internet de subidas de imagenes y yo desconozco por completo donde subió esa imagen!. Por eso incluyo un campo en mi programa donde el usuario indica el link donde se encuentra su imagen alojada. Así al pulsar el botón de mi programa quiero que se abra mi página de internet y cargue la imagen en la parte superior izquierda, sin margenes, al borde superior izquierdo. Seguro que pensarás porque no cargas directamente el link de la imagen, pues por la simple razón que sino añado las opciones frameborder="NO" border="0" framespacing="0" despues la imagen no se carga en el borde superior izquierdo, sino que deja espacios en blanco y necesito que quede cargada al tope de arriba de todo izquierdo.

Asi que por eso necesito un link que cargue mi pagina web y que en el mismo link haya el path completo de donde esta la imagen del usuario que yo obtengo despues de que el usuario lo haya indicado en mi programa. Necesito el codigo PHP que me permita hacer esto, si es que esto es posible de hacer.

Yo dispongo de la url de mi pagina web, tambien dispongo del link donde se encuentra la imagen del usuario. SOLO ME FALTA EL CODIGO PHP QUE ME PERMITA HACER ESTO.

Me expliqué bien?

Que código PHP tengo que poner para que poniendo este link en mi navegador me cargue la imagen indicada en el mismo link?

ht?p:/mipagina.net?ht?p:/subeimagen/imagen2.jpg

Gracias!

[JairLizcano]

He entendido lo mismo...

[JairLizcano]

¿Algo así como una imagen de perfil?.

[Juanitoss]

A ver amigo, me vuelvo a explicar:

Yo tengo este simple codigo que carga una imagen en el borde izquierdo, arriba de todo, sin márgenes, ni nada.

<frameset rows="100%,*" frameborder="NO" border="0" framespacing="0">
<frame name="main_frame" src="ht?p:/subeimagen/imagen.jpg">
</frameset>

Donde esta mi problema?

Pues que en ese codigo se indica el link de una imagen fija!!

src="ht?p:/subeimagen/imagen.jpg"

Pues necesito que el link de esa imagen no sea fijo, sino que dependa de una variable. Ya que ese link sera distinto para cada usuario y yo siempre lo desconocere. Lo sabré a partir de que el usuario entre ese link en mi programa.

Yo dispongo del link de mi pagina web.
Tambien dispongo del link donde ha subido el usuario su imagen personalizada.

Pues hay alguna forma de teniendo lo indicado, hacer un codigo que a traves de un link pueda cargar una imagen en la parte superior izquierda y que ese código sea universal, que me sirva para todas la imagenes de todos los usuarios?¿

En resumen, que donde aparezca el link fijo de donde esta alojada la imagen haya una variable y que esta variable se obtenga del mismo link de llamada de mi página.

LINK

ht?p:/mipagina.net?var_imagen=ht?p:/subeimagen/riconi.jpg
ht?p:/mipagina.net?var_imagen=ht?p:/subeimagen/maria.jpg
ht?p:/mipagina.net?var_imagen=ht?p:/subeimagen/juan.jpg
ht?p:/mipagina.net?var_imagen=ht?p:/subeimagen/pepe.jpg

CODIGO

<frameset rows="100%,*" frameborder="NO" border="0" framespacing="0">
<frame name="main_frame" src=%%var_imagen%%>
</frameset>

Gracias!

[JairLizcano]

El punto es, el usuario ingresará una imagen que consecuentemente a tu gusto aparecerá en la parte izquierda del sitio...

¿Imagen que será anexada por el usuario? o ¿Serás tu servidor quien al azar indique la imagen a mostrar?.

Es lo ultimo que entiendo...

[GatorV]

pues pasalo tal cual, solo que no lo debes de pasar con un frame, como te comente debe de ir en un tag img para que puedas controlar como se despliega, es decir si te pasan el link por ejemplo:

Código:

http://pagina.com?image=http://path/imagen.jpg

Lo que haces luego en PHP es:

Código php:

<?php
$image = $_GET['image'];
?>
<img src="<?php echo $image; ?>" class="imagen_usuario" />
 

Los demás estilos los controlas con CSS como por ejemplo la posición y borders.

Saludos.

[Juanitoss]

Iniciado por JairLizcano

El punto es, el usuario ingresará una imagen que consecuentemente a tu gusto aparecerá en la parte izquierda del sitio...

¿Imagen que será anexada por el usuario?

Es lo ultimo que entiendo...

Correcto!!!

Yo tengo un formulario en C++

En ese formulario el usuario indica el link donde se encuentra su imagen alojada. Esa imagen habrá sido subida por el usuario en una web de subidas de imagen gratis.

Yo desconocía ese link de la imagen del usuario, hasta que el usuario la entró en mi formulario de mi programa en C++.

Despues hay un botón que pone "Visualizar".

Este botón carga mi pagina web y muestra esa misma imagen en el borde superior izquierdo sin margenes.

Eso es lo único que quiero.

Que codigo tengo que poner en mi página web para poder hacer esto realidad? Tengo el link de mi pagina web y tengo el link de donde se encuentra la imagen alojada.

Gracias!

Iniciado por GatorV

pues pasalo tal cual, solo que no lo debes de pasar con un frame, como te comente debe de ir en un tag img para que puedas controlar como se despliega, es decir si te pasan el link por ejemplo:

Código:

h?tp:/pagina.com?image=h?tp://path/imagen.jpg

Lo que haces luego en PHP es:

Código php:

<?php
$image = $_GET['image'];
?>
<img src="<?php echo $image; ?>" class="imagen_usuario" />
 

Los demás estilos los controlas con CSS como por ejemplo la posición y borders.

Saludos.

Muchas gracias amigo, pero si me pudieras dar el codigo final hecho te lo agradecería mucho, porque no entiendo absolutamente nada de PHP ni de programacion de WEB, y no tengo intención de aprender nada aún, y sólo para este pequeño código de seguramente máximo 10 lineas que seguramente tu ya tendrás en la cabeza no voy a ponerme a investigar y estudiar PHP. Reconozco que todos los que estais aquí deseáis aprender codigo PHP para ganarse la vida o mejorar vuestra web, pero esa no es mi intención. Así que tranquilos que no os voy a quitar clientes, pero porfavor decirme este codigo, que llevo un mes intentando que alguien me entienda con mi propósito y ahora por fin parece que alguien lo entendió!!!

Gracias!

[JairLizcano]

Sistema de imágenes.

Se supone recibes-procesas y guardas tu imagen en servidor y la ruta en una base de datos, ¿no?...

[Juanitoss]

Iniciado por JairLizcano

Sistema de imágenes.

Se supone recibes-procesas y guardas tu imagen en servidor y la ruta en una base de datos, ¿no?...

No, amigo.
No hago nada mas que mostrar su imagen usando su mismo link donde subió la imagen.
Sólo eso.
No proceso, ni guardo la imagen en mi servidor, ni hago nada con la imagen. Ni tampoco nada de bases de datos.

Es así de simple. Mostrar su imagen en mi pagina web en la parte superior izquierda y sin márgenes.

Sólo hago esto:


<frameset rows="100%,*" frameborder="NO" border="0" framespacing="0">
<frame name="main_frame" src="ht?p:/subeimagen/imagen.jpg">
</frameset>


Mostrar la imagen en la parte superior izquierda sin márgenes. Pero el problema es que el link de la imagen es variable, por eso ese codigo no me sirve.


Gracias!

[GatorV]

Pues el código es el que te puse, abres un editor de texto, como notepad, pones:

Código php:

<?php
$image = $_GET['image'];
?>
<html>
<head>
<title>pagina</title>
</head>
<body>
<img src="<?php echo $image; ?>" class="imagen_usuario" />
</body>
</html>
 

Y ya con eso funciona, lo de ajustarla y todo es CSS, y lo debes de ver en el foro adecuado.

Saludos.

[Juanitoss]

Muchas gracias amigo!!!

Una última pregunta:

Me podrías indicar alguna pagina de confianza para poder crear una web gratis y poder alojar codigo PHP y que no tuviera mucha publicidad?

Gracias!

[JairLizcano]

Host gratuito

[Juanitoss]

Gracias!!

Pero todas esas permiten codigo PHP?

Por cierto, este codigo que me habeis creado se podría haber hecho con otro lenguaje de programacion o sólo con PHP?

Gracias!

Hola, ya encontré el codigo en CSS para cargar la imagen en el extremo superior izquierdo y sin márgenes, pero el problema es que ahora no se como asociar el codigo PHP que me habeis creado con el código CSS que me han dado.

Aqui esta el codigo CSS

<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<title>Bienvenido</title>
<style type="text/css">
html, body {
height: 100%;
margin: 0;
padding: 0;
overflow: hidden;
}
img#bg {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
}
#content {
position:relative;
z-index:1;
margin:0 auto;
}
</style>
</head>

<body>
<img src="imagen.jpg"/>
</body>
</html>

Como lo hago para llamar el codigo PHP??

Gracias!

[JairLizcano]

Importas el correspondiente archivo .CSS de la forma:

Código PHP:

  <style type="text/css">@import url(ubicacion/archivo.css);</style>  
   

Consecuentemente en la etiqueta img utilizas la clase que has estructurado en el documento .CSS:

Código PHP:

  <img class="nombreClaseCSS">  
   

[GatorV]

La mayoría de los lenguajes Web te permiten rescatar una variable desde el URL y procesarlo e imprimirlo, no necesitas usar PHP forzosamente, lo puedes hacer en ASP, .NET, Python, CGI, etc.

Saludos.

[Juanitoss]

Siento hacerme tan pesado, pero es que no entiendo lo que me indicáis.

Lo podríais indicar paso a paso, como si fuera para un niño de parbularios.

A ver, asi yo tendré en mi web 2 archivos, uno con la extension PHP y el otro con la extensión CSS.

archivo.PHP

<?php
$image = $_GET['image'];
?>
<html>
<head>
<title>pagina</title>
</head>
<body>
<img src="<?php echo $image; ?>" class="imagen_usuario" />
</body>
</html>

Archivo CSS

<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<title>Bienvenido</title>
<style type="text/css">
html, body {
height: 100%;
margin: 0;
padding: 0;
overflow: hidden;
}
img#bg {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
}
#content {
position:relative;
z-index:1;
margin:0 auto;
}
</style>
</head>

<body>
<img src="imagen.jpg"/>
</body>
</html>

Pero como junto el código de estos 2 archivos para que al entrar en mi pagina se cargue el codigo de ambos archivos y se muestre la imagen del usuario?

Gracias!

[GatorV]

Pues copia los estilos (la parte entre <style> y </style>) entre el <head> y </head> de la otra pagina, luego en el img como te comentaron más arriba solamente le pones el class de la regla CSS que quieres usar.

Saludos.

[Juanitoss]

Iniciado por GatorV

Pues copia los estilos (la parte entre <style> y </style>) entre el <head> y </head> de la otra pagina, luego en el img como te comentaron más arriba solamente le pones el class de la regla CSS que quieres usar.

Saludos.

Muchas gracias amigo por responder tan rápido.

Así al final todo queda en un solo archivo PHP?

La cosa quedaría así:


archivo.PHP

<?php
$image = $_GET['image'];
?>
<html>
<head>
<title>pagina</title>
<style type="text/css">
html, body {
height: 100%;
margin: 0;
padding: 0;
overflow: hidden;
}
img#bg {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
}
#content {
position:relative;
z-index:1;
margin:0 auto;
}
</style>
</head>
<body>
<img src="<?php echo $image; ?>" class="imagen_usuario" />
</body>
</html>

Y mis usuarios para llamar la pagina web sería así?:

ht?p:/mipagina.net/archivo.php?var_imagen=ht?p:/subeimagen/riconi.jpg

Gracias!

[GatorV]

Asi es solo en este caso tu CSS no tiene una clase, si no mas bien un descriptor para el ID, debería ser algo así:

Código php:

<?php
$image = $_GET['image'];
?>
<html>
<head>
<title>pagina</title>
<style type="text/css">
html, body {
height: 100%;
margin: 0;
padding: 0;
overflow: hidden;
}
.the_image {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
}
</style>
</head>
<body>
<img src="<?php echo $image; ?>" class="the_image" />
</body>
</html>
 

Si tienes más dudas te recomiendo que veas como trabaja CSS e investigues, en el foro de CSS hay mucha información.

Saludos.