[Résolu] insérer image en dur dans fichier header.php

francoisnl

Bonjour,

j'ai un problème très certainement basique, mais là je cale, vu que je ne connais pas le php.

J'essaie vainement d'insérer une image en dur dans le fichier header.php, où tout autre fichier .php d'ailleurs.
Dans un fichier .html no problemo, la balise :

[== HTML ==]
<img src="img/mon-image.jpg" alt="">

je la connais et fonctionne très bien, donc pas de bug de mon éditeur Atom ou bluefish, j'ai testé sur les 2, mais pas dans le fichier header.php, rien ne s'affiche !?

éclairer ma lanterne me fera certainement passer un meilleur we

Merci

François

jack31

Slt François,

Essaye peut-être par là
http://pluxopolis.net/article86/theme-par-defaut-installer-une-banniere-sous-le-logo-de-pluxml

Maintenant, fait attention au responsive car, de plus en plus, les internautes naviguent avec un mobile.

Stéphane

Bonjour

<img src="<?php $plxShow->template(); ?>/img/mon-image.jpg" alt="">

francoisnl

Salut jack31

en effet avec l'image en css ça marche, c'est comme que j'ai fait pour une petite image, mais pour le responsive, c'est la misère ! alors qu'en intégrant l'image dans le html avec une classe css

[== CSS ==]
width: auto;
height: auto;

c'est diaboliquement ]:D efficace !!! Bon le poids de l'image reste le même, donc pour les smartphones, vaut mieux penser à la redimensionner.
merci de ta réponse si rapide

Bonjour Stéphane

Ahlala, je savais bien que ça serait basique !!! Merci, mon we restera ensoleillé


Bon we à vous

jack31

@francoisnl

Quel bonheur ! :cool:

francoisnl

yep !

bazooka07

@francoisnl,

Pour réduire le poids des images à télécharger par le navigateur il faut t'intéresser à l'attibut srcset de <img>.
Voici deux liens pour en savoir plus ;
https://developer.mozilla.org/fr/docs/Web/HTML/Element/img
https://developer.mozilla.org/fr/docs/Apprendre/HTML/Comment/Ajouter_des_images_adaptatives_%C3%A0_une_page_web

Et un petit exemple pour PluXml :

[== PHP ==]
<?php
if($plxShow->mode() === 'home') {
	$urlMedias = $plxShow->plxMotor->urlRewrite($plxShow->plxMotor->aConf['medias']);
?>
	<div id="bandeau">
		<img src="<?php echo $urlMedias; ?>site/bandeau-0380x.jpg" alt="bandeau" 
		srcset="
		<?= $urlMedias; ?>site/bandeau-0380x.jpg 380w,
		<?= $urlMedias; ?>site/bandeau-0770x.jpg 770w,
		<?= $urlMedias; ?>site/bandeau-1024x.jpg 1024w,
		<?= $urlMedias; ?>site/bandeau-1960x.jpg 1960w" />
	</div>
<?php
}
?>

Cela affiche un bandeau en image sur la page d'accueil.
Et je préfère garder les images dans le dossier de medias pour qu'elles soient encore accessibles si je change de thème.