Image extensible mal géré par IE

Résolu/Fermé

ANTHURIUMRE Messages postés 93 Date d'inscription mardi 16 septembre 2008 Statut Membre Dernière intervention 3 janvier 2015 - 20 juin 2013 à 13:16
ANTHURIUMRE Messages postés 93 Date d'inscription mardi 16 septembre 2008 Statut Membre Dernière intervention 3 janvier 2015 - 8 juil. 2013 à 15:36

Bonjour,

J'essaie de mettre en fond d'écran d'un site une image extensible. J'utilise Jquery. C'est impeccable avec FF, Chrome mais avec IE, l'image s'affiche en haut et dénature mon site.

Voici ci-dessous comment j'ai procédé. Pourriez-vous m'aider s'il vous plaît. Merci pour votre participation.

<html>
<head>
<img src="mana.jpg" class="superbg" />
  <script src="jquery.js" type="text/javascript"></script>
  <script src="script/background.js" type="text/javascript"></script>

<script>



function redimensionnement(){ 
 
    var $image = $('img.superbg');
    var image_width = $image.width(); 
    var image_height = $image.height();     
     
    var over = image_width / image_height; 
    var under = image_height / image_width; 
     
    var body_width = $(window).width(); 
    var body_height = $(window).height(); 
     
    if (body_width / body_height >= over) { 
      $image.css({ 
        'width': body_width + 'px', 
        'height': Math.ceil(under * body_width) + 'px', 
        'left': '0px', 
        'top': Math.abs((under * body_width) - body_height) / -2 + 'px' 
      }); 
    }  
     
    else { 
      $image.css({ 
        'width': Math.ceil(over * body_height) + 'px', 
        'height': body_height + 'px', 
        'top': '0px', 
        'left': Math.abs((over * body_height) - body_width) / -2 + 'px' 
      }); 
    } 
} 
      
$(document).ready(function(){

    // Au chargement initial   
    redimensionnement();
     
    // En cas de redimensionnement de la fenêtre
    $(window).resize(function(){ 
        redimensionnement(); 
    }); 
 
}); 

</script>



</head>
</html>

et sur mon serveur j'ai mis la librairie jquery. Mais IE affiche mon image en entête contrairement aux autres navigateurs qui l'affiche très bien.

A voir également:

Image extensible mal géré par IE
Image iso - Guide
Acronis true image - Télécharger - Sauvegarde
Recherche par image - Guide
Faststone image viewer - Télécharger - Visionnage & Diaporama
Image iso windows 10 - Guide

1 réponse

Réponse 1 / 1

ANTHURIUMRE Messages postés 93 Date d'inscription mardi 16 septembre 2008 Statut Membre Dernière intervention 3 janvier 2015 2
8 juil. 2013 à 15:36

J'avais omis de changer l'extension de mon image dans mes différents scripts. Tout fonctionne maintenant.

Merci quand même.

Discussions similaires

Facture de google 380€ !

Arnaque frauduleuse Ireland ltd

Comment enlever le rouge sur la photo svp ?

arnaque cb google sur mon compte bancaire

Comment recadrer une image avec Inkscape