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

francoisnlfrancoisnl Membres
11 mai modifié dans Entraide
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
Mots clés:

Réponses

  • 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.
  • Bonjour
    <img src="<?php $plxShow->template(); ?>/img/mon-image.jpg" alt="">
    

    Consultant PluXml

    Ancien responsable du projet

  • 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é :D


    Bon we à vous
  • @francoisnl

    Quel bonheur ! :cool:
  • yep !
  • bazooka07bazooka07 Membres
    octobre 2018 modifié
    @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.
Connectez-vous ou Inscrivez-vous pour répondre.