Autor
|
Tema: Problemas para mostrar correctamente etiqueta <img> mediante PHP (Leído 2,483 veces)
|
irenuchi_04
Desconectado
Mensajes: 2
|
:DMuy buenas Antes de explicar mi problema agrego la siguiente imagen: La cuestión es que estoy diseñando ese cuadro de imágenes para Wordpress el cual tiene como objetivo mostrar artículos de forma aleatoria para una determinada tag, las imágenes son traídas desde el respectivo thumbnail de cada post. Ahora bien, conociendo lo anterior uso una función para esto: function atrib_imagen_destacada() { $reciente = new WP_Query("tag=juegos-para-pc&showposts=1&orderby=rand"); while($reciente->have_posts()){ $reciente->the_post(); $thumbID = get_post_thumbnail_id( $post->ID ); $imgCuadro = wp_get_attachment_image_src( $thumbID, 'medium' ); } echo "<h2 class='titulosp'>'" .wp_html_excerpt (get_the_title(), 65 ). "'...</h2><a href='".get_permalink()."' title='".get_the_title()."'><img class='imagenes' src='".$imgCuadro[0]."'></a>"; }
el problema esta en el código HTML que me devuelve la función mediante el echo, ya que la etiqueta <img> me la muestra con la siguiente estructura:
Lógicamente la etiqueta <img> no requiere de una finalización, </img>. Entonces agradecería alguna orientación que me pudieran dar para solucionar este inconveniente. Desde ya muchos saludos
|
|
« Última modificación: 18 Agosto 2015, 14:32 pm por #!drvy »
|
En línea
|
|
|
|
DarK_FirefoX
Desconectado
Mensajes: 1.263
Be the change you wanna see in te world
|
Y porque no la cierras manualmente en esta línea: echo "<h2 class='titulosp'>'" .wp_html_excerpt (get_the_title(), 65 ). "'...</h2><a href='".get_permalink()."' title='".get_the_title()."'><img class='imagenes' src='".$imgCuadro[0]."'/></a>";
Nota como antes de cerrar la etiqueta a, añadí un / para cerrar la imgSalu2s PD: ¿Coloreaste a mano el código? Utiliza las etiquetas GeSHi para publicar código, te hace el syntax highlighting automático.
|
|
« Última modificación: 18 Agosto 2015, 03:34 am por DarK_FirefoX »
|
En línea
|
|
|
|
irenuchi_04
Desconectado
Mensajes: 2
|
Y porque no la cierras manualmente en esta línea: echo "<h2 class='titulosp'>'" .wp_html_excerpt (get_the_title(), 65 ). "'...</h2><a href='".get_permalink()."' title='".get_the_title()."'><img class='imagenes' src='".$imgCuadro[0]."'/></a>";
Nota como antes de cerrar la etiqueta a, añadí un / para cerrar la imgSalu2s PD: ¿Coloreaste a mano el código? Utiliza las etiquetas GeSHi para publicar código, te hace el syntax highlighting automático. Gracias por tu respuesta, solo debo decir que ya encontré el origen del problema y este viene siendo del navegador Firefox, tanto en su versión para desarrolladores como la normal, no se por que motivo todas las etiquetas img les agrega un cierra </img> algo que me estaba volviendo loca. Así que si a alguien más le ocurre lo mismo pueden probar con otro navegador distinto, Chrom, opera, etc.. Con respecto al código no lo he coloreado a mano solo lo puse dentro de dos etiquetas PHP y apareció de esa manera, así que podríamos estar ante un nuevo truco Saludos
|
|
|
En línea
|
|
|
|
DarK_FirefoX
Desconectado
Mensajes: 1.263
Be the change you wanna see in te world
|
Gracias por tu respuesta, solo debo decir que ya encontré el origen del problema y este viene siendo del navegador Firefox, tanto en su versión para desarrolladores como la normal, no se por que motivo todas las etiquetas img les agrega un cierra </img> algo que me estaba volviendo loca.
Así que si a alguien más le ocurre lo mismo pueden probar con otro navegador distinto, Chrom, opera, etc..
La verdad que no se porque sucede esto, justo lo probé y es verdad, en el inspector de elementos te añade el cierre de la etiqueta. Incluso en el Chrome lo probé y en este no te lo añade, sin embargo. Si pongo:
Lo que muestra en el inspector es:
Con respecto al código no lo he coloreado a mano solo lo puse dentro de dos etiquetas PHP y apareció de esa manera, así que podríamos estar ante un nuevo truco Saludos Así ya estamos, la verdad no lo sabía, pues yo pense que le habías dado color a mano. Salu2s
|
|
|
En línea
|
|
|
|
MinusFour
|
El codigo presentado por el Inspector de Firefox no es el mismo. Tienes que darle a ver codigo fuente y ahi encontrar lo que realmente imprimio PHP.
|
|
|
En línea
|
|
|
|
DarK_FirefoX
Desconectado
Mensajes: 1.263
Be the change you wanna see in te world
|
El codigo presentado por el Inspector de Firefox no es el mismo. Tienes que darle a ver codigo fuente y ahi encontrar lo que realmente imprimio PHP.
Si, esta claro, cuando presionas "Ver código fuente" si lo muestra correctamente, pero ahora me surge la duda, ¿Por qué sucede esto en el inspector de elementos? Salu2s
|
|
|
En línea
|
|
|
|
MinusFour
|
Si, esta claro, cuando presionas "Ver código fuente" si lo muestra correctamente, pero ahora me surge la duda, ¿Por qué sucede esto en el inspector de elementos?
Salu2s
Porque el inspector de elementos es una representacion del DOM que formula el navegador. Tu archivo HTML es parseado y de acuerdo a la informacion se crea un documento, el inspector de elementos te muestra la representacion de este documento. Por ejemplo, en las tablas, el inspector de elementos agrega la etiqueta <tbody>. Inspecciona esta tabla para que veas: Este es el HTML que genera SMF: <table style="font: inherit; color: inherit;"><tr><td valign="top" style="font: inherit; color: inherit;">tabla </td><td valign="top" style="font: inherit; color: inherit;">aqui </td></tr></table>
|
|
« Última modificación: 18 Agosto 2015, 18:59 pm por MinusFour »
|
En línea
|
|
|
|
|
Mensajes similares |
|
Asunto |
Iniciado por |
Respuestas |
Vistas |
Último mensaje |
|
|
Problemas al usar las propiedades de la etiqueta <div> en mozilla, ayuda xfavor!
Desarrollo Web
|
saviture
|
2
|
2,678
|
26 Abril 2011, 16:06 pm
por saviture
|
|
|
Mostrar el contenido del directorio raiz mediante ruta absoluta
GNU/Linux
|
lalalalalala
|
1
|
3,604
|
6 Febrero 2012, 17:37 pm
por mael0c
|
|
|
Mostrar un contenido mediante ruta relativa
GNU/Linux
|
lalalalalala
|
1
|
3,098
|
8 Febrero 2012, 23:07 pm
por dato000
|
|
|
Mostrar Mapa, mediante la ip
PHP
|
larezaka
|
1
|
1,589
|
7 Julio 2013, 03:42 am
por larezaka
|
|
|
mostrar nombres mediante id_nom en jComboBox
Java
|
soy_nicanor
|
1
|
2,298
|
8 Junio 2017, 17:18 pm
por 3n31ch
|
|