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

jQuery Discussion :

Redimensionnement image site mobile


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Homme Profil pro
    Webmaster
    Inscrit en
    Novembre 2010
    Messages
    111
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Haute Savoie (Rhône Alpes)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Novembre 2010
    Messages : 111
    Par défaut Redimensionnement image site mobile
    Bonjour,

    Je suis en train de faire un site mobile avec Jquery Mobile.

    Tout le contenu du site "normal" est issue d'une BDD. Pour éviter les doublons, il faut que je me débrouille pour sortir les données. J'y arrive sans trop de problème sauf pour ce qui est des images: je n’arrive pas à les redimensionner.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    <script type="text/javascript">
    	$(document).ready(function() {
    		var ecran_client = screen.width;
    		var ecran_client2 = screen.height;
    		var taille_max = 80/100*ecran_client;
    		var ratio = ecran_client/taille_max;
    		if ((ecran_client<=960) && (ecran_client2<=640)) {
                            // Changement non pris en compte >
    			$("img").css("width", ecran_client);
    			ecran_client2 = ecran_client2 * ratio;
    			$("img").css("height", ecran_client2);
    		}
    	});
    </script>
    J'ai tester l'ouverture d'une page sur mon smartphone mais sa ne change rien, j'ai essayer de mettre un alert() pour savoir si je rentrais dans la boucle et oui sa marche.

    J'ai regarder la taille que j'allais mettre à la place et il gère bien la rotation et me donne la "bonne" taille.

    Je sais que mon script ne gère pas si l'ancienne image est plus petite ou non, mais c'est pour "simplifier" le code.

    Les images n'ont pas d'id et il faudrait un script générique qui agisse sur TOUTES les images.

    J'ai essayer avec $("img").widht = 20; et d'autres syntaxes du genre mais sa ne fonctionne pas.

    Merci d'avance.

  2. #2
    Membre expérimenté

    Homme Profil pro
    Étudiant
    Inscrit en
    Juin 2008
    Messages
    136
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 36
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 136
    Par défaut
    Essai avec $("img").attr('width', 20);

  3. #3
    Membre confirmé
    Homme Profil pro
    Webmaster
    Inscrit en
    Novembre 2010
    Messages
    111
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Haute Savoie (Rhône Alpes)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Novembre 2010
    Messages : 111
    Par défaut
    Merci de la réponse rapide.

    J'avais déjà essayer mais sa me fonctionne pas

    EDIT: Sur mon sgs, "alert(ecran_client + " " + ecran_client2 + " > " + taille_max);"
    => 533 295 > 426.[...]3

    La page chargé est "http://localhost/lti/jquerymobile/#locaux.php" (localhost changé par l'adresse ip sur mon portable), sa ne pourrais pas tout simplement venir de jquery mobile qui charge la page locaux.php dans la page index?

    J'ai essayer de faire un "$(document).ready(function() {alert("adfaz");} dans le corps de la page mais il n’appairait pas...

    Je vous explique: ma page index.php contient le menu qui charge le prochain lien en ajax d'après ce que j'ai compris, ma page locaux.php deviens donc #locaux.php

    J'ai aussi fait un bouton dans ma page qui déclenche une pop up quand on clique dessus mais sa ne marche pas, je peine à comprendre la...

  4. #4
    Membre expérimenté

    Homme Profil pro
    Étudiant
    Inscrit en
    Juin 2008
    Messages
    136
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 36
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 136
    Par défaut
    Sur ordinamteur, tu as des erreurs ? ça fonctionne correctement ?

  5. #5
    Membre confirmé
    Homme Profil pro
    Webmaster
    Inscrit en
    Novembre 2010
    Messages
    111
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Haute Savoie (Rhône Alpes)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Novembre 2010
    Messages : 111
    Par défaut
    J'ai trouvé le problème, je n'avais pas de taille définie dans la sortie de la BDD, le js ne créait pas la sortie tout seul, merci de m'avoir fait pensé à regarder sur le pc, la console de développement m'a bien aider.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [FLASH 8] Redimensionner image
    Par arnaud_verlaine dans le forum Flash
    Réponses: 4
    Dernier message: 14/06/2006, 11h43
  2. optimisation redimensionnement image
    Par enguerran dans le forum Graphisme
    Réponses: 12
    Dernier message: 12/05/2006, 03h54
  3. Redimensionner image avant de la charger
    Par nou366 dans le forum Delphi
    Réponses: 2
    Dernier message: 11/05/2006, 13h05
  4. Redimensionner image dans MDI
    Par DEFITOP dans le forum VB 6 et antérieur
    Réponses: 4
    Dernier message: 10/05/2006, 20h02
  5. [MFC - GDI] Redimensionnement Image
    Par Ben A. dans le forum MFC
    Réponses: 3
    Dernier message: 02/02/2006, 11h54

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