Bonjour toutes et tous,

Je sollicite vos connaissances et compétences pour un sujet certainement trivial mais sur lequel je butte depuis plusieurs heures, n'étant pas un expert en PHP.

En effet, je souhaite intégrer les fonctionnalités d'un ficher javascript permettant de redimensionner une image de fond en temps réel en fonction de la taille de l'écran dans un site Wordpress.

Le fichier js est visible et disponible à l'adresse suivante : http://johnpatrickgiven.com/jquery/background-resize/

J'ai essayé de suivre toutes les préconisations Wordpress / php que j'ai pu trouvé mais rien n'y fait ...

Ci-après le script que j'ai ajouter le code suivant dans la balise head à mon fichier header.php :

<script src="http://.../js/jquery.ez-bg-resize.js" type="text/javascript" charset="utf-8">
jQuery(document).ready(function($) {
$("body").ezBgResize({
img : 'image.jpg',
opacity : 1, // Opacity. 1 = 100%. This is optional.
center : true // This is optional. Default is true.
});
});
</script>

J'ai aussi tenter de modifier le fichier function.php comme suit :

function add_ResponsiveBKGD_script() {
wp_enqueue_script('jquery');
wp_enqueue_script( 'resize', 'http://.../js/jquery.ez-bg-resize.js');
}
add_action('wp_enqueue_scripts', 'add_ResponsiveBKGD_script');

Avec plusieurs variantes ... sans succès !

Certainement rien de très compliqué mais les détails ont certainement toutes leur valeur.

Merci d'avance pour votre aide,

Stéphane

Bonjour,

Il faut que tu regardes
1) le HTML généré pour voir si ça correspond au script ou trouver ce qui manque
2) la console pour voir si il y a des erreurs : Ctrl + Maj + i sous Firefox ou Chrome, onglet Console

Bonjour @thur et merci pour la réponse.
En effet, en changeant :
<script src="http://.../js/jquery.ez-bg-resize.js" type="text/javascript" charset="utf-8"> en <script> dans le fichier Header, cela a suffit pour régler le soucis !

Merci pour le coup de main et très bon début de semaine.

Steph.