Image Hauteur Largeur Problème

Question

Comment changer la résolution d'image en utilisant jQuery.J'ai appliqué une image sur le fond du corps en utilisant css/php. Maintenant, je veux appliquer la hauteur et la largeur de l'écran à l'image, de sorte que l'image s'affiche dans toutes les fenêtres. Actuly je n'ai pas utilisé le style de répétition.

code utilisé est:

<style type="text/css"> 
        <?php 
          global $post; 
          if (has_post_thumbnail($post->ID)) { 
            $image_id = get_post_thumbnail_id($post->ID); 
            $bg_src = wp_get_attachment_image_src($image_id, 'full'); 
          ?> 
         body { background: #000000 url("<?php echo $bg_src[0]; ?>") no-repeat center top fixed !important; } 
          <?php } else { ?> 
         body { background: #000000 url("<?php bloginfo('template_directory') ?>/img/bg_img.jpg") no-repeat center top fixed ; } 
          <?php } ?> 
     </style>  

je reçois la hauteur de l'écran et la largeur en utilisant cela, nous pas en mesure de comprendre ce qu'il faut mettre en œuvre sur cette image.

var p_browserHeight= screen.height; 
     var p_browserWidth= screen.width; 
     jQuery('body.archive').css('height',p_browserHeight+'px'); 
     jQuery('body.archive').css('width',p_browserWidth+'px'); 

Answer 1

Vous pouvez ajouter ce html juste après votre balise body:

<img src='img/bg_img.jpg' style='display:none;' id='image_hidden'/> 

et prenez la avec/hauteur de cette image avec jquery

Answer 2

Vous ne pouvez pas changer la taille d'une image d'arrière-plan avec css.