Se connecter / S'enregistrer
Votre question

Redimensionnement comme sur IDN

Tags :
  • Programmation
Dernière réponse : dans Programmation
29 Août 2008 20:27:19

Bonjour tout le monde !

Je me demandais comment faire un système pour redimensionner les images trop grandes, comme sur IDN. Qui réduit les images et qu'ensuite on puisse cliquer dessus pour agrandir celle-ci.

Autres pages sur : redimensionnement idn

29 Août 2008 21:42:18

<a href="image.jpg"><img src="image.jpg" width="largeurquetuveux" height="hauteurquetuveux"></a>

Question simple, réponse simple.
29 Août 2008 22:54:49

Non, au fait la question était un peu moins simple :) 

Je veux que cela crée un lien uniquement lorsque l'image est trop grande.
Contenus similaires
30 Août 2008 03:06:09

  1. img {
  2. max-height: XXpx;
  3. max-width: XXpx;
  4. }


Dans ton CSS.
30 Août 2008 09:13:11

Merci mais pour le lien juste quand c'est trop grand je fais comment ?
a c 232 L Programmation
30 Août 2008 17:47:58

en javascript :) 
document.getElementById('ID-de-mon-image').width (idem.height)
30 Août 2008 22:31:02

Oui mais cette fonction ne fait pas de lien et ne vérifie pas que l'image soit de la bonne taille. Vu que je ne m'y connais pas en javascript : si quelqu'un peut faire un script du genre :
- Il parcour image par image
- Si image trop grande
> Réduire taille
> Créer lien vers taille réelle
31 Août 2008 20:59:18

Est-ce que vous pourriez me faire le script svp ? Je ne m'y connais vraiment pas en JS
a c 232 L Programmation
1 Septembre 2008 12:52:05

bah tu regardes la source sur TGu sinon...

  1. function md_verif_size(obj,message,resize,resizevalue) {
  2. var largeur= obj.width;
  3.  
  4. if (resize == 1) {
  5. if (largeur>resizevalue) {
  6. obj.width= resizevalue;
  7. obj.setAttribute('alt', message);
  8. obj.setAttribute('title', message);
  9. obj.setAttribute('onclick', 'md_size(' + obj.src + ')');
  10. obj.onclick= function() {md_size(obj.src);};
  11. obj.setAttribute('onmouseover', 'md_cursor_pointer()');
  12. obj.setAttribute('onmouseout', 'md_cursor_hand()');
  13. obj.onmouseover= function() {md_cursor_pointer();};
  14. obj.onmouseout= function() {md_cursor_hand();};
  15.  
  16. }
  17. } else if (resize == 2) {
  18. var largeurlibre = 0, hauteur = 0;
  19. if( typeof( window.innerWidth ) == 'number' ) {
  20. largeurlibre = window.innerWidth;
  21. hauteurlibre = window.innerHeight;
  22. } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
  23. largeurlibre = document.documentElement.clientWidth;
  24. hauteurlibre = document.documentElement.clientHeight;
  25. }
  26. else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
  27. largeurlibre = document.body.clientWidth;
  28. hauteurlibre = document.body.clientHeight;
  29. }
  30. if (largeurlibre == 0) {
  31. return;
  32. }
  33. largeurpossible= largeurlibre-resizevalue;
  34. //alert('largeur=> '+largeurlibre+'=>'+largeurpossible);
  35. if (largeur>largeurpossible) {
  36. obj.width= largeurpossible;
  37. obj.setAttribute('alt', message);
  38. obj.setAttribute('title', message);
  39. obj.setAttribute('onclick', 'md_size(' + obj.src + ')');
  40. obj.onclick= function() {md_size(obj.src);};
  41. obj.setAttribute('onmouseover', 'md_cursor_pointer()');
  42. obj.setAttribute('onmouseout', 'md_cursor_hand()');
  43. obj.onmouseover= function() {md_cursor_pointer();};
  44. obj.onmouseout= function() {md_cursor_hand();};
  45. }
  46. }
  47. }
1 Septembre 2008 13:47:33

Merci beaucoup !
1 Septembre 2008 14:58:46

Je suis désolé (je peux paraitre lourd) mais je suis vraiment très nul en JS. Comment mettre en place ce script ?

Je pense que c'est entre <head> et </head> en entourant le script que vous m'avez donné de <script> et </script>.

Mais ensuite ?
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS