It is currently Mon 26 Sep 2016 - 03:54 - créer un forum

Redimensionner automatiquement les images, version 2

Skip to content

Post new topic Reply to topic Goto page: <  1, 2, 310, 11, 1215, 16, 17  >

Redimensionner automatiquement les images, version 2
Author Message
Gabriel





PostPosted: Sat 1 Nov 2008 - 14:36    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

PublicitéSupprimer les publicités ?
Previous post review:

Bonjour,
Je ne comprends pas très bien, il y a tellement de solutions postées, lequel marche? lequel utiliser??
j'ai le thème Tolede pour le moment (prévoie de changer) et ce script serait pratique, ça éviterai de déformer tout mon forum quand il y a de grosses images...
Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Sat 1 Nov 2008 - 14:37    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

bonjour

en fait tu dois tester celle que tu veux

certaines ne marchent pas sur tous les thèmes donc regardes laquelle marche chez toi
_______________________


Forum
Author Message
Gabriel


Offline
Guest




PostPosted: Sat 1 Nov 2008 - 15:41    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

Merci The malin,
J'ai essayé la méthode 2, 3, 4, et je préfère la troisième!
Avec la 2 je ne pouvais pas cliquer sur les images qui étaient redimensionnées sans liens pour la voir en plus grand, et la 4e me faisait de gros poitillés moches autour des images, ça allait encore, mais ça le faisait aussi sur les signatures..
Donc merci pour ce tuto et the malin pour ton aide! Heureusement que j'ai bien cherché avant de poster un sujet, parce que je voulais vraiment mettre cette fonction sur mon forum! Very Happy


Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Sat 1 Nov 2008 - 17:22    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

sinon tu as encore d'autres tutos pour redimensionner les images

il suffit de prendre celui que tu veux
_______________________


Forum
Author Message
alan13


Offline
Guest




PostPosted: Mon 12 Jan 2009 - 20:58    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

Bonsoir tout le monde, un toute petite question, dans les 3/4 proposition es qu'il y en à une qui permet le redimensionnement hauteur largeur ? pas exemp. 800X600 ?

merci de vos réponses


Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Tue 13 Jan 2009 - 10:32    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

bonjour

dans bbcode tpl cherches

Code: Sélectionner - Agrandir
<!-- BEGIN img --><img src="{URL}" border="0"  /><!-- END img -->


remplaces par

Code: Sélectionner - Agrandir
<!-- BEGIN img --><img src="{URL}" border="0"  width="" height=""/><!-- END img -->


et tu mets tes valeurs
_______________________


Forum
Author Message
alan13


Offline
Guest




PostPosted: Tue 13 Jan 2009 - 10:57    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

Bonjour, merci de cette info Okay

Author Message
Cedhann


Offline
Guest




PostPosted: Tue 13 Jan 2009 - 14:57    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

Bonjour.

Peut on appliquer la méthode de redimensionnement sur une ou plusieurs pages définies ? ou bien est ce que ça concerne l'ensemble des photos du forum ?

Merci


Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Tue 13 Jan 2009 - 14:59    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

bonjour

oui il suffit de mettre le code seulement dans le template de la page voulue
c'est tout

tu ne le mets dans dans overall header mais juste dans le template de la page comme index body ou portal body si tu veux sur le portail
_______________________


Forum
Author Message
Cedhann


Offline
Guest




PostPosted: Tue 13 Jan 2009 - 15:17    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

Je dois donc insérer ce code dans le portal Body

Code: Sélectionner - Agrandir

<script type="text/javascript">

 /* Modifiez 530 ici par la largeur maximum que vous voulez
  */
 MAX_IMG_WIDTH = 530;

 function resizedImgClick(event) {
  event = (event || window.event);
  var img = Event.element(event);

  // L'image est dans un lien, on laisse le lien s'ouvrir
  if (img.up('a')) return;

  // L'image taille réelle est actuellement affichée, on la ferme
  if (fullImg = $('img.resizedImgFull[src="'+img.src+'"]')[0]) {
   fullImg.parentNode.removeChild(fullImg);
   Event.stop(event);
   return false;
  }

  // On peut afficher l'image taille réelle. Avant, on ferme toutes les images taille réelle
  $('img.resizedImgFull').each(function(elem) {
   elem.parentNode.removeChild(elem);
  });

  // On affiche l'image taille réelle
  var elem = $cE('img');
  elem.src=img.src;
  elem.setStyle({
   position:'absolute',top:document.body.scrollTop,left:document.body.scrollLeft,cursor:'pointer'
  });
  elem.addClassName('resizedImgFull');
  elem.onclick=resizedImgClose;
  document.body.appendChild(elem);
  Event.stop(event);
  return false;
 }
 function resizedImgClose(event) {
  event = (event || window.event);
  var img = Event.element(event);
  img.parentNode.removeChild(img);
  Event.stop(event);
  return false;
 }
 function imgsize(maxwidth) {
  $$('.postbody img').each(function(img) {
   if (img.width <= maxwidth) return;
   img.width=maxwidth;
   img.style['cursor']='pointer';
   img.onclick=resizedImgClick;
  });
 }
 Event.observe(window,'load',function(){imgsize(MAX_IMG_WIDTH);});
</script>
 
Tuto : Ouvrez le template overall_header.tpl, recherchez <body...>, et ajoutez ceci après <body...>


 Je ne peux pas me baser sur le tuto car cela s'applique pour Overall Header..


Ci-dessous mon template Portail Body

Code: Sélectionner - Agrandir
<!-- BEGIN out_giefmod0 -->
<table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
  <tr>
      <td colspan="3" width="100%">
    <!-- BEGIN saut -->
 <table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td height="{SPACE_ROW}"></td></tr></table>
    <!-- END saut -->
    {out_giefmod0.MODVAR}
    </td>
  </tr>
</table>
<!-- END out_giefmod0 -->

<!-- BEGIN simple_header -->
<table width="100%" class="bodyline">
<tr>
    <td>
<!-- END simple_header -->

<table width="100%" cellspacing="1" cellpadding="{SPACE_COL}" border="0" align="center">
  <tr><td height="1" width="{C1SIZE}"></td><td width="{C2SIZE}"></td><td width="{C3SIZE}"></td></tr>
  <tr>
      <td colspan="3" width="100%">
<!-- BEGIN giefmod0 -->   
    <!-- BEGIN saut -->
 <table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td height="{SPACE_ROW}"></td></tr></table>
    <!-- END saut -->
    {giefmod0.MODVAR}
<!-- END giefmod0 -->   
    </td>
  </tr>
</table>

<table width="100%" cellspacing="1" cellpadding="{SPACE_COL}" border="0" align="center">
<tr>
    <td valign="top" width="{C1SIZE}">
<!-- BEGIN giefmod1 -->
    {giefmod1.MODVAR}
    <!-- BEGIN saut -->
<table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td height="{SPACE_ROW}"></td></tr></table>   
    <!-- END saut -->
<!-- END giefmod1 -->   
    </td>
    <td valign="top" width="{C2SIZE}">
<!-- BEGIN giefmod2 -->
    {giefmod2.MODVAR}
    <!-- BEGIN saut -->
<table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td height="{SPACE_ROW}"></td></tr></table>   
    <!-- END saut -->
<!-- END giefmod2 -->   
    </td>
    <td valign="top" width="{C3SIZE}">
<!-- BEGIN giefmod3 -->
    {giefmod3.MODVAR}
    <!-- BEGIN saut -->   
<table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td height="{SPACE_ROW}"></td></tr></table>   
    <!-- END saut -->
<!-- END giefmod3 -->   
    </td>
  </tr>
</table>

<table width="100%" cellspacing="1" cellpadding="{SPACE_COL}" border="0" align="center">
  <tr><td height="1" width="{C1SIZE}"></td><td width="{C2SIZE}"></td><td width="{C3SIZE}"></td></tr>
  <tr>
      <td colspan="3" width="100%">
<!-- BEGIN giefmod4 -->   
    <!-- BEGIN saut -->
 <table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td height="{SPACE_ROW}"></td></tr></table>
    <!-- END saut -->
    {giefmod4.MODVAR}
<!-- END giefmod4 -->   
    </td>
  </tr>
</table>

<!-- BEGIN simple_header -->
  </td>
 </tr>
</table>
<!-- END simple_header -->

<!-- BEGIN out_giefmod4 -->
<table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
  <tr>
      <td colspan="3" width="100%">
    <!-- BEGIN saut -->
 <table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td height="{SPACE_ROW}"></td></tr></table>
    <!-- END saut -->
    {out_giefmod4.MODVAR}
    </td>
  </tr>
</table>
<!-- END out_giefmod4 -->
<!-- BEGIN simple_footer -->
<div align="center" class="gensmall"><span class="copyright"><br />{ADMIN_LINK}<br /></span></div>
<!-- END simple_footer --> 

Ou dois je mettre le code dans ce template ? Au début ?


Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Tue 13 Jan 2009 - 15:22    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

mets ça au début de portal body


Code: Sélectionner - Agrandir
<body>
<script type="text/javascript">

 /* Modifiez 530 ici par la largeur maximum que vous voulez
  */
 MAX_IMG_WIDTH = 530;

 function resizedImgClick(event) {
  event = (event || window.event);
  var img = Event.element(event);

  // L'image est dans un lien, on laisse le lien s'ouvrir
  if (img.up('a')) return;

  // L'image taille réelle est actuellement affichée, on la ferme
  if (fullImg = $('img.resizedImgFull[src="'+img.src+'"]')[0]) {
   fullImg.parentNode.removeChild(fullImg);
   Event.stop(event);
   return false;
  }

  // On peut afficher l'image taille réelle. Avant, on ferme toutes les images taille réelle
  $('img.resizedImgFull').each(function(elem) {
   elem.parentNode.removeChild(elem);
  });

  // On affiche l'image taille réelle
  var elem = $cE('img');
  elem.src=img.src;
  elem.setStyle({
   position:'absolute',top:document.body.scrollTop,left:document.body.scrollLeft,cursor:'pointer'
  });
  elem.addClassName('resizedImgFull');
  elem.onclick=resizedImgClose;
  document.body.appendChild(elem);
  Event.stop(event);
  return false;
 }
 function resizedImgClose(event) {
  event = (event || window.event);
  var img = Event.element(event);
  img.parentNode.removeChild(img);
  Event.stop(event);
  return false;
 }
 function imgsize(maxwidth) {
  $$('.postbody img').each(function(img) {
   if (img.width <= maxwidth) return;
   img.width=maxwidth;
   img.style['cursor']='pointer';
   img.onclick=resizedImgClick;
  });
 }
 Event.observe(window,'load',function(){imgsize(MAX_IMG_WIDTH);});
</script>
</body>

_______________________


Forum
Author Message
Cedhann


Offline
Guest




PostPosted: Tue 13 Jan 2009 - 15:53    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

J'ai inséré le code dans le portl body et cela n'a pas changer la taille des images.

Que ce soit au niveau du portail

et surtout cela n'a rien changé dans le module gallerie (mon but)

http://jam-project-france.fansforum.info/portal.php?pid=7


Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Tue 13 Jan 2009 - 15:58    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

le script ne redimensionne que la longueur
sinon essayes un des autres codes car comme indiqué ils ne marchent pas tous sur les forums
_______________________


Forum
Author Message
Cedhann


Offline
Guest




PostPosted: Tue 13 Jan 2009 - 16:08    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

C'est écrit que le tuto fonctionne avec 99% des thèmes,, manque de bol je sais partie des 1%,lol.

En faite je veux que ma page soit comme ça : http://kaamelott.arthur.vraiforum.com/portal.php?pid=2

j'ai demandé au webmaster de ce site pour voir si il peut m'aider.


Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Tue 13 Jan 2009 - 16:11    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

tu veux avoir toutes les images de cette taille

de toute façon comme je t'ai dis les codes ne modifier que la longueur et pas la largeur
_______________________


Forum
Author Message
Cedhann


Offline
Guest




PostPosted: Tue 13 Jan 2009 - 16:19    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

Oui j'aurais aimé que mes photos s'affichent toutes comme ça (en miniature) et qu'elle soit affichée en taille réelle à l'aide d'un clic.

Le webmaster a donc surement dimensionner manuellement toutes ses photos alors..

C'est dommage que je puisse pas faire comme ça...j'aurais jamais le temps de tout redimensionner toutes mes images, il y en a une tonne.


Author Message
Contenu Sponsorisé





PostPosted: Today at 03:54    Post subject: Redimensionner automatiquement les images, version 2

Display posts from previous:   
Reply to topic Page 11 of 17 Goto page: <  1, 2, 310, 11, 1215, 16, 17  >




Portal | Index | Administration Panel | Create a forum | Free support forum | Free forums directory | Report a violation | Conditions générales d'utilisation
Propulsé par p h p B B © 2016 p h p B B Group |
 
© 2003-2013 Xooit.com - Contact - Mentions légales - CGU - Charte - CNIL : 1381401