IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

surchargement de la ram en modifiant le src d'une image


Sujet :

JavaScript

  1. #1
    Nouveau Candidat au Club
    Profil pro
    Inscrit en
    Janvier 2008
    Messages
    1
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2008
    Messages : 1
    Points : 1
    Points
    1
    Par défaut surchargement de la ram en modifiant le src d'une image
    Bonjour,

    Je cherche à faire un visualisateur d'images.
    J'ai dans un repertoire mes miniatures et dans un autres mes hautes definitions.

    Une div de preview contient une image dont le src est modifié par javascript en fonction de la miniature cliquée dans le chutier.

    Je remarque, avec le gestionnaire de tâche windows qu'a chaque fois que je clique sur une image, le volume de mémoire occupée augmente (jusqu'à plusieurs centaine de mégas au bout de quelque dizaines de clics).

    C'est bien normal, vous me direz, le problème c'est que si je reviens sur une image déjà vue après être passé par quelques autres, l'utilisation mémoire augmente.

    Et je précise que ce comportement est valable sur tout les navigateurs (FF, IE7, Safari)
    Je précise aussi que le cache est bien activé sur mes navigateurs.
    Et je précise pour finir que ce sont des images jpg de quelques Mo (entre 2et 6)

    ma fonction :

    function pickPic(path){
    document.getElementById('PREVIEW_PIC').src=path;
    }

    Lorsque je ferme l'onglet du navigateur contenant ma page, la ram est tout de suite libérée.

    Quelle est la solution ?
    Au niveau des headers de ma page ?
    Quelque part ailleurs ?

    Merci d'avance !

  2. #2
    Membre expérimenté
    Profil pro
    Inscrit en
    Mai 2004
    Messages
    1 252
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Mai 2004
    Messages : 1 252
    Points : 1 419
    Points
    1 419
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    var image = ...
    image.src = null;
    Ca, c'est pour libérer de la mémoire. C'est la seule solution envisageable. Et peut-être ne fonctionne-t-elle pas avec tous les navigateurs.

    Pour la gestion de retour sur une image, ce doit être car tu déclares ton image, puis tu n'y touches plus et tu en déclares une nouvelle qui s'avère avoir la même source que la première. Ce n'est pas la première, mais une autre pile pareil.

    Le truc est de réutiliser les mêmes variables. Par exemple, en utilisant un tableau comme une liste chaînée. C'est pénible à implémenter, je sais, mais il doit être possible de trouver sur le net des scripts de galerie qui optimisent l'utilisation de la mémoire, non ?

    Pour info, l'image fait peut-être 2 à 6 Mo, en mémoire, elle en prend plus, car il y a des gestionnaires, des écouteurs, etc. sur plusieurs parties de l'image. C'est donc un fonctionnement normal.

Discussions similaires

  1. modifier le src d'une image
    Par laurentSc dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 23/10/2012, 11h51
  2. Modifier la source d'une image
    Par Slide dans le forum VBA PowerPoint
    Réponses: 1
    Dernier message: 12/07/2007, 16h09
  3. [c# 2.0] modifier la taille d'une image
    Par r0d dans le forum Windows Forms
    Réponses: 4
    Dernier message: 07/06/2007, 15h37
  4. modifier la transparence d'une image
    Par zidenne dans le forum Delphi
    Réponses: 5
    Dernier message: 02/11/2006, 16h55
  5. Modifier un curseur par une image
    Par daninho dans le forum Interfaces Graphiques en Java
    Réponses: 1
    Dernier message: 28/01/2006, 21h32

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo