Tom's Guide > Forum > Programmation > Redimensionnement comme sur IDN

Redimensionnement comme sur IDN

Forum Programmation : Redimensionnement comme sur IDN

TomsGuide.com : 800 000 inscrits répondent à toutes vos questions high-tech et informatique. Pour obtenir de l'aide, inscrivez-vous gratuitement !
Créer un nouveau sujet Répondre
Mot :    Pseudo :           
 
SiMax86   29-08-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.

------------------------------ Besoin d'aide informatique/design/web ? Kommunauty !
Referencement gratuit
Répondre
Liens sponsorisés
Inscrivez-vous ou connectez-vous pour masquer ceci.
Badge Programmation Bronze okinou   29-08-2008 à 21:42:18
- 0 +

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

 

Question simple, réponse simple.


Message édité par okinou le 29-08-2008 à 21:42:30
Répondre à okinou
SiMax86   29-08-2008 à 22:54:49
- 0 +

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.

------------------------------ Besoin d'aide informatique/design/web ? Kommunauty !
Referencement gratuit
 Répondre à SiMax86
Moi123@IDN   30-08-2008 à 03:06:09
- 0 +

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

Dans ton CSS.


Message édité par Moi123@IDN le 30-08-2008 à 03:06:33
------------------------------ VieDeGeek || Hinsolite
 Répondre à Moi123@IDN
SiMax86   30-08-2008 à 09:13:11
- 0 +

Merci mais pour le lien juste quand c'est trop grand je fais comment ?

------------------------------ Besoin d'aide informatique/design/web ? Kommunauty !
Referencement gratuit
 Répondre à SiMax86
OmaR   30-08-2008 à 17:47:58
- 0 +

en javascript :)
document.getElementById('ID-de-mon-image').width (idem.height)

Répondre à OmaR
SiMax86   30-08-2008 à 22:31:02
- 0 +

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

------------------------------ Besoin d'aide informatique/design/web ? Kommunauty !
Referencement gratuit
 Répondre à SiMax86
SiMax86   31-08-2008 à 20:59:18
- 0 +

Est-ce que vous pourriez me faire le script svp ? Je ne m'y connais vraiment pas en JS

------------------------------ Besoin d'aide informatique/design/web ? Kommunauty !
Referencement gratuit
 Répondre à SiMax86
OmaR   01-09-2008 à 12:52:05
- 0 +

bah tu regardes la source sur TGu sinon...

Code :
  1. function md_verif_size(obj,message,resize,resizevalue) {
  2. var largeur= obj.width;
  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();};
  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. }

Répondre à OmaR
SiMax86   01-09-2008 à 13:47:33
- 0 +

Merci beaucoup !

------------------------------ Besoin d'aide informatique/design/web ? Kommunauty !
Referencement gratuit
 Répondre à SiMax86
SiMax86   01-09-2008 à 14:58:46
- 0 +

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 ?

------------------------------ Besoin d'aide informatique/design/web ? Kommunauty !
Referencement gratuit
 Répondre à SiMax86
Créer un nouveau sujet Répondre
Tom's Guide > Forum > Programmation > Redimensionnement comme sur IDN
Aller à :

Il y a 2323 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.

Plan du forum
Forum Bestofmedia ©
2000-2009 Bestofmedia Group
Page générée en 0,412 secondes
Attention

Vous allez répondre sur un sujet resté inactif pendant plus de 6 mois.
Assurez-vous d'apporter des éléments nouveaux à la discussion avant de poursuivre.

Répondre Annuler
Liens