Fecha actual 19 Ene 2018, 22:14


Incluir imágenes en hilos del foro (Flickr, 500px)

Qué es sinespejo.com, registro, funcionamiento, incidencias, dudas, sugerencias,...

Moderadores: klomp, laucsap60, Siniestro, Guillermo Luijk, Pablo Valido

Incluir imágenes en hilos del foro (Flickr, 500px)

Notapor Administrador » 26 Ago 2011, 23:16

Como nadie nace sabiendo, unos pasos básicos para incrustar imágenes en el foro:

SUBIENDO LA FOTO A UN SERVIDOR

  • Ir a la página web www.imageshack.us.
  • Hacer clic en 'Browse' y seleccionar el archivo JPEG de la carpeta donde lo tengamos.
  • Elegir en 'Image resize' el tamaño en el que se visualizará la foto: si alguno de sus lados es mayor de 800px seleccionar la opción '800x600' para que se reduzca a ese tamaño (de lo contrario el foro no dejará insertarla), en otro caso elegir la opción 'Do not resize' (no cambiar el tamaño).
  • Hacer clic en 'UPLOAD NOW' para subir la imagen al servidor.
  • Una vez subida aparecerán varias formas de enlazar la imagen. Copiar íntegramente el texto que aparecerá en la modalidad 'Forum Code' y pegarlo en el hilo en cuestión.


SI SE TIENE GALERÍA EN FLICKR

  • En la página de la foto ir a 'Compartir' -> 'Obtener el código HTML'.
  • Copiar el código BBCODE a tamaño mediano (800px) y pegarlo en el hilo en cuestión.


SI SE TIENE GALERÍA EN 500px (desarrollo cortesía de aremesal)

Problema

La web de 500px no está pensada para compartir como en Flickr, sino que pretende ser una red social propia y "sin fugas", por así decirlo. Por lo que solo ofrece la opción de insertar una foto de 500px en otra web, y punto, sin opciones como puede dar Flickr.

Tampoco podemos hacer el típico botón derecho -> copiar URL de la imagen porque el tamaño en nuestro foro está limitado a 800px en el lado mayor.


Solución

Internamente 500px sí que tiene varias copias de la foto a diferentes tamaños, pero no es trivial llegar a ellos. Es posible extraer las URL de cada tamaño mirando el código fuente de la web, pero es algo complicado si no se domina esto del HTML/JSON, y de todas formas es tedioso. Así que he creado una sencilla web para obtener la URL de una foto de 500px:

http://500px.aremesal.net/

Imagen

El funcionamiento es simple:
  • Ir a 500px, a la foto que quieres compartir
  • Copia la URL del navegador, y pégala en esa web que he habilitado: http://500px.aremesal.net/
  • Pulsa el botón y obtendrás varios tamaños tras un par de segundos
  • Elige el tamaño que quieras usar, copia el código correspondiente
  • Pégalo en el foro

Imagen

500px genera varios tamaños, muy raros, por eso ofrezco varios para que podáis elegir el mejor y que cumpla con la limitación de nuestro foro (800px por el lado más largo). Los tamaños que superan la limitación se muestran en rojo.


Disclaimer

Esto lo he hecho en un par de horas tontas, así que es probable que falle en algún caso concreto, si es así, decídmelo. Yo lo he probado en Firefox y Chrome y va bien, si os falla en algún otro navegador, avisadme.

Es posible que en el futuro 500px cambie la forma de mostrar una web, y esto dejaría de funcionar, o que cambie las URLs de las fotos y dejarían de verse con esto. Si eso ocurre, avisadme y trataré de actualizarlo.

Si alguien quiere colaborar para mejorar/ampliar/corregir, no tiene más que decírmelo ;)


Ejemplo

Esta es una foto mía alojada en 500px, he hecho el proceso que digo arriba, y al copiar y pegar el código lo que sale en el foro es:

Imagen
https://500px.com/photo/72013929/wait-for-crossing-by-%C3%81lvaro-remesal


Los Fundadores.
Avatar de Usuario
Administrador
Administrador del Sitio
 
Mensajes: 90
Registrado: 31 Ene 2010, 04:43

Volver a Sobre el foro [IMPORTANTE LEER]



¿Quién está conectado?

Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro