Problemas para mostrar correctamente etiqueta <img> mediante PHP

[irenuchi_04]

 :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:

Código (php) [Seleccionar] Expandir

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:

Código (html4strict) [Seleccionar] Expandir

<img src="......"></img>

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  

[DarK_FirefoX]

Y porque no la cierras manualmente en esta línea:

Código (php) [Seleccionar] Expandir

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 img

Salu2s

PD: ¿Coloreaste a mano el código?   Utiliza las etiquetas GeSHi para publicar código, te hace el syntax highlighting automático.

[irenuchi_04]

Y porque no la cierras manualmente en esta línea:

Código (php) [Seleccionar] Expandir

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 img

Salu2s

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

[DarK_FirefoX]

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:

Código (html4strict) [Seleccionar] Expandir

<img src="hola.jpg"/>

Lo que muestra en el inspector es:

Código (html4strict) [Seleccionar] Expandir

<img src="hola.jpg">

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

[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.

[DarK_FirefoX]

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

[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:

tabla

aqui

Este es el HTML que genera SMF:

Código (HTML5) [Seleccionar] Expandir


<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>