agrandar imágenes haciendo click en ellas
-
Les agradecería que me aclaren la siguiente duda: ¿por qué en blogs alojados en otros sistemas pueden agrandarse las imágenes subidas haciendo click en ellas (simplemente con subirlas al blog ya puede hacerse, según me han dicho), y eso no puede hacerse con los blogs de wordpress?
Gracias.El blog con el que necesito ayuda es (visible solo para usuarios conectados).
-
Hola fgvarea…Sí puede hacerse… ¿te referís a lago del estilo de esto?:
http://monoarania.wordpress.com/2009/06/30/mis-ojos-1%c2%aa-entrega/
es hacer una galería seleccionando varios imágenes de la galería de objetos de tu blog… ahí seleccionás incluso cuantas columnas, cuál es le tamaño de las miniaturas, etc.
Si es eso, y no le encontrás la vuelta, chiflá que me fijo como era el paso a paso…que así de una no lo tengo muy fresquito.
Saludos. -
@ fgvarea : olvidaba una parte,Afirmativo, en los blogs de wordpress.com puedes Hacerlo,Vas a el editor de Entradas –> Añadir imagen
Luego que cargue la imagen,veraz unos campos donde puedes añadir, el nombre que mostrara la foto al dar click en ella,tambien una leyenda que es la que se visualizara en el pie de la foto y otro llamado URL de enlace que es donde debes dar click.
Hecho esto, el sistema te mostrara en el mismo la url de la imagen,ya estando habilitado este campo podemos Oprimir en Insertar en Entrada.
Luego que publiques la Entrada la imagen al dar click en ella podras verla en tamaño completo atravez de su Url de Archivo
Eso era no?.
saludos!
-
Yhonny, no es solamente dar click y enlazar a la original, sino justificar el tener que dar click en la imagen, por ejemplo porque hemos puesto una miniatura… e incluso colocar unas cuantas, de manera ordenada… (ni un «script» como dijiste antes, ni un plug in, ni un No rotundo a hacer cosas que vemos en otras plataformas)…
-
yhonnyespana: borré tu primer comentario en este tema porque era completamente erróneo.
Por favor no contestes si no estás seguro de la respuesta.
No es la primera vez que lo haces.
Gracias.Sobre la consulta de Fernando:
se pueden poner imágenes en miniatura que se agranden con un click perfectamente (en mi blog por ejemplo, todas las imágenes se pueden agrandar). Y hay dos métodos para hacerlo, tanto con el editor en modo visual, como en modo HTML. Es un tema que se ha tratado muchas veces en el foro y se han dado los procedimientos adecuados para hacerlo.Como aporta monoarania, también se pueden poner galerías de fotos (y también se agrandan con un click).
Todo lo que se puede hacer con las imágenes:
http://faq.wordpress.com/2008/07/24/image-settings-titles-descriptions-captions-etc/Cómo subir imágenes y poner algunos ajustes:
http://faq.wordpress.com/2008/05/02/how-to-upload-images-screenshots/Cómo subir una imagen de gran tamaño:
http://faq.wordpress.com/2008/04/22/how-do-i-add-a-large-sized-image-to-my-post/Cómo crear una galería:
http://faq.wordpress.com/2008/09/09/how-do-i-create-a-picture-gallery-in-my-blog-post-screencast/Todos los temas relacionados con imágenes en el sitio de preguntas frecuentes (FAQ):
http://faq.wordpress.com/category/images/Saludos.
-
He entrado a los links que me dejaste Galois, pero una vez más compruebo que, al editar previamente las fotos que subo al blog (no uso miniaturas), no es posible que luego puedan agrandarse con un click. Y es cierto que ya ha hubo consultas sobre este tema (incluso alguna mía), pero estaban cerradas y, además, lo que quería saber esta vez es por qué teniendo wordpress tantas ventajas, quedaba afuera ésta.
Muchas gracias Galois y Monoarania. -
Hola fgvarea, claro, si las editás antes, y el tamaño máximo encaja en la plantilla, no les agregás un link, ni ponés miniaturas, no se garandarán con un click, pero yo te dejé el enlace a un post de mi blog, porque independientemente de si estaba armado con miniaturas insertadas por medio de la función de la biblioteca de objetos: «galería», son imágenes muy grandes, que aunque no hubiera adoptado la modalidad anterior hubieran necesitado de un click para verse en verdadera magnitud, que a la larga es lo que preguntabas, y sí, se puede.
saludos. -
Fernando.
Por favor leé los enlaces y nuestras respuestas.
Todas las fotos e imágenes en general que puse en mi blog (más de 100 a lo largo del tiempo), las edité.
Y todas se «agrandan» al hacer click en ellas.Es que hay un tema fundamental de por medio: no se trata de «agrandar», «editar» o cualquier otra variante..
Se trata de que cuando ponés una imagen, esté editada o no, esa imagen tiene que ser un link a la misma imagen en un tamaño más grande.
Así como se puede poner una frase que sea un link a cualquier otra cosa con una imagen también se puede poner un link.Simplemente es eso.
Y se puede hacer en el mismo momento de subirla o después:
-
Antes que nada, gracias por las notificaciones, las aclaraciones y la paciencia.
A ver… Veo que tenía la costumbre de subir las imágenes al blog desde mi ordenador, pero que debo hacerlo desde la Biblioteca de Objetos ¿es así?
Ahora bien, ¿cómo hago para que las imágenes que guardo y edito estén en la Biblioteca de Objetos?
Probé con una, y veo que, efectivamente, clickeando en la imagen puede no agrandarse pero sí verse «fuera del blog» (disculpen si los términos que uso no son los adecuados). Pero le queda como un marco de color que no me gusta mucho, y haciendo un solo click aparece con el nombre con el que fue guardada:
http://espaciocine.wordpress.com/2009/08/01/public_enemie/
¿Qué detalles se me están escapando? -
A ver… Veo que tenía la costumbre de subir las imágenes al blog desde mi ordenador, pero que debo hacerlo desde la Biblioteca de Objetos ¿es así?
No, eso es completamente indiferente. La imagen la podés subir desde tu compu, poner la dirección que tiene en internet (si está en algún sitio que viste), utilizar una que esté en la biblioteca de medios (la tuviste que subir antes), lo que se te ocurra.
Lo que importa es, como te dije en tu blog, que la imagen sea un link.
Y que el destino de ese link sea la misma foto en otro tamaño.Lo he explicado de tantas maneras que ya no se me ocurre otra.
Tenés que leer lo que dice aquí, no hay vuelta.
http://faq.wordpress.com/2008/07/24/image-settings-titles-descriptions-captions-etc/Ahí se explican los ajustes que se pueden hacer a una imagen una vez que la insertás en un post. Comenzá a leer desde «The “Add an Image” window let’s you upload an image and give it a title, caption, description, alignment, and size. These fields are used on the permalink page for the image»
-
A modo de ejemplo, leé este post y hacé click en el afiche de la película
http://trasnochada.wordpress.com/2008/04/13/el-alien-que-odiaba-el-country/Verás que se abre en una ventana/pestaña externa al blog.
Para que eso ocurra hay un link que es la imagen misma. El código que tiene ese afiche es
<a href="http://trasnochada.files.wordpress.com/2008/04/the-hidden1.jpg" title="El Póster original"><img src="http://trasnochada.files.wordpress.com/2008/04/the-hidden1.jpg" alt="El Póster original" width="133" height="200" /></a>
Como habrás visto en el párrafo anterior, hay algo que es
<a href="http://trasnochada.files.wordpress.com/2008/04/the-hidden1.jpg" title="El Póster original"></a>que rodea a otra cosa:
<img src="http://trasnochada.files.wordpress.com/2008/04/the-hidden1.jpg" alt="El Póster original" width="133" height="200" />
Esta «otra cosa», es lo que hace que se vea la imagen. Lo que «rodea» es lo que hace que la imagen sea un link a otra imagen.Explico cada uno de los códigos:
a href=»http://trasnochada.files.wordpress.com/2008/04/the-hidden1.jpg»
es lo que hace que el link lleve a una dirección determinada. La de la imagen grande.title=»El Póster original»
hace que cuando uno pasa el mouse por encima de la imagen, aparezca una frase. En este caso es El Póster originalimg src=»http://trasnochada.files.wordpress.com/2008/04/the-hidden1.jpg»
es lo que hace que aparezca o sea visible la imagen miniatura, que será un link a la grande.alt=»El Póster original»
logra que si un usuario no ve la imagen, pueda ver un texto descriptivo de la misma. O incluso una persona ciega, que use un «lector de pantalla» sabrá que hay una imagen, aunque no pueda verla.width=»133″ height=»200″
dimensiones de ancho y alto que tendrá la miniatura. -
Si haces click en las imágenes de los últimos posts, podrás ver que le estoy encontrando la vuelta. Algo hice bien, siguiendo las indicaciones, aunque no he cambiado los códigos de las imágenes subidas (en el enlace figura ahora un link, supongo que será por eso).
Dos preguntas:
¿Si quiero que haya un enlace a una imagen más grande, debo poner el link correspondiente allí, al editarla?
¿Por qué me aparecen enmarcadas con ese color azul? ¿será algo de mi plantilla? -
¿Si quiero que haya un enlace a una imagen más grande, debo poner el link correspondiente allí, al editarla?
Sí Fernando, te lo dije varias veces.
Tres de ellas en este tema que abriste. No tienes más que releer mis respuestas y leer (y mirar, porque tienen imágenes) los links que te puse.
Que no entiendas el lenguaje técnico no significa que no puedas ver las imágenes con que están ilustradas las explicaciones en cada uno de los links que te puse.¿Por qué me aparecen enmarcadas con ese color azul? ¿será algo de mi plantilla?
Lo he probado con los cuatro (4) navegadores que tengo.
Resultados:
Opera 9.64 ->-> no se ve
Firefox 3.52 ->-> se ve
Safari 4.0.2 ->-> no se ve
Internet Explorer 8.06 ->-> se ve
(todas son las últimas versiones de los respectivos navegadores).
Puede que sea el estilo de tu plantilla, pero con dos navegadores se ve y con dos no.
Las imágenes que yo tengo (usando otra plantilla) no muestran ese borde en ningún navegador.
A menos que yo quiera ponerle uno, cosa que alguna vez he hecho, aunque prefiero ponerle una sombra flotante (o «3D» a las imágenes). -
Está claro que sos muy amable Galois… Y yo bastante torpe. Te juro que leí varias veces lo que me sugeriste. Pienso que uno (salvo que haya hecho un curso para hacer un blog, que no es mi caso) va aprendiendo con la experiencia, probando, o dejando consultas aquí en el foro. Cuando yo hice mi blog empecé a subir las imágenes después de editarlas (buscando que todas tuvieran el mismo tamaño), por lo tanto nunca usé la opción «miniatura-mediana-grande» (siempre las incorporé al blog en tamaño «normal»). Supongo que por eso el enlace de UNR aparecía vacío. Cuando me avivé que haciendo link sobre las imágenes no pasaba nada, empecé con las consultas.
Entiendo ahora que la opción «Ninguno» hace que no haya link en la imagen y la opción «URL de archivo» hace que se pueda clickear haciendo aparecer la imagen sola, o incluso más grande si se puso la opción «miniatura» o «mediana». ¿Es así?
Y respecto a los bordes azules, claro, los navegadores con los que los ves son los que yo uso… ¿Puede ser que los haya creado marcando por error alguna opción? (prefiero que no haya links en la mayoría de las imágenes con tal de que no aparezcan esos feos bordes color azul marino!!!). -
Entiendo ahora que la opción «Ninguno» hace que no haya link en la imagen
Efectivamente, no habrá ningún link con con la imagen.
y la opción «URL de archivo» hace que se pueda clickear haciendo aparecer la imagen sola, o incluso más grande si se puso la opción «miniatura» o «mediana». ¿Es así?
La opción hace que al dar click en ella te abra la misma imagen.
Si ponés otra URL te abrirá lo que haya en esa URL, sea una imagen, la misma imagen más grande, un texto, otra página, otro blog, etc.Las URLs son las direcciones donde está alojado algo.
Sea lo que sea ese «algo».
Entonces si ponés la dirección (URL, como ya te dije) de la imagen grande, al hacer click sobre la pequeña irás a la grande.Y respecto a los bordes azules, claro, los navegadores con los que los ves son los que yo uso… ¿Puede ser que los haya creado marcando por error alguna opción?
No.
Hay un atributo de una etiqueta que hace visible un marco en una imagen, pero ese atributo hay que ponerlo específicamente. Al ponerlo se ve así en todos los navegadores.
El atributo es border (borde o marco) y se mide en píxeles, normalmente el border es de 1 píxel pero se ve en todos los navegadores, no sólo en los dos que usás. Además, el borde es de color oscuro (habitualmente), no azul, como el que muestran Firefox y el IE.
Todo eso también está explicado (visualmente) en uno de los documentos que te dejé. Concretamente en el
http://faq.wordpress.com/2008/07/24/image-settings-titles-descriptions-captions-etc/Si le das click a una de las imágenes del documento (la que está después del párrafo que comienza con In the “Advanced Settings” window), lo verás:
http://faq.files.wordpress.com/2008/07/wp-image-advanced-settings.gifLee la fila
<img> CSS Styles
Verás que hay unos atributos y unos valores:
border: 1px solid black; margin: 2px;
(los valores van separados por espacios, los atributos por punto y coma)La traducción es:
un borde (o marco) de 1píxel de color negro sólido; un margen de 2 píxelesEs decir, para que salga un borde tienes que elegir que salga.
Lo que sale en los navegadores (en una mala interpretación del CSS a mi modo de ver) es porque como esas imágenes son links, entonces tienen un recuadro azul, al igual que ocurre con las palabras o frases cuando son links, que aparecen subrayadas de azul.
(prefiero que no haya links en la mayoría de las imágenes con tal de que no aparezcan esos feos bordes color azul marino!!!)
El problema es que si dejan de ser links (con lo que evitarías lo de los bordes) dejarían de «agrandarse», lo que era el objetivo de tu consulta y de todas nuestras respuestas.
Lo que se dice un trabajo al reverendo pepino.
(creo que me tomaré unas vacaciones…)-Otra opción es que uses otra plantilla.
-
Bueno, algunas cosas he entendido. Muy claro eso de que los bordes de color oscuro indican que hay un link allí, aunque no recuerdo haberlo visto en otros blogs. De todas maneras, he decidido usar esto sólo para una sección de mi blog, donde hay imágenes que me interesa que puedan agrandarse clickeando en ellas (no aclaro cuál es porque sé que el foro no está para eso), para el resto prefiero seguir dejando las imágenes así como están, ya que son simplemente ilustraciones de las notas escritas.
Te hice trabajar Galois… Nuevamente gracias. Seguiré aprendiendo… -
Saludos, compáñero.
A mí me pasaba lo mismo, soy usuario de Opera y cuando revisé mi blog en IE me aparecieron los jodidos marcos azules. Y Rojos en Firefox. Se quitan poniendole un borde de 1px a la foto. Facil y bonito.Espero te sirva.
- El debate ‘agrandar imágenes haciendo click en ellas’ está cerrado y no admite más respuestas.
Foros WordPress.com en Español 
