phpBB2 : Redimensionnement des images !

Statut
N'est pas ouverte pour d'autres réponses.
Salut,

Je sais que c'est la Xe question que je pose à propos d'un forum phpBB2 mais bon ...

Je souhaiterais savoir comme faire pour que lorsque je poste une image elle soit automatiquement redimnsionnée à l'affichage, tel que sur GamerZ car sur mon forum, c'est très ennuyant quand l'image est affichée directement en entier car cela pète le Layout ... :cry:

Si c'est un addons ou le trouver ?
Si ce sont des fichiers à éditer, pouvez vous détailler ?


D'avance je vous remercie !


P.S: Accessoirement pq pas savoir comme intégrer le petit copyright ... merci
 

Jereck

Α & Ω
Staff
L@rgo_XIII a dit:
Salut,

Je sais que c'est la Xe question que je pose à propos d'un forum phpBB2 mais bon ...

Je souhaiterais savoir comme faire pour que lorsque je poste une image elle soit automatiquement redimnsionnée à l'affichage, tel que sur GamerZ car sur mon forum, c'est très ennuyant quand l'image est affichée directement en entier car cela pète le Layout ... :cry:

Si c'est un addons ou le trouver ?
Si ce sont des fichiers à éditer, pouvez vous détailler ?


D'avance je vous remercie !


P.S: Accessoirement pq pas savoir comme intégrer le petit copyright ... merci
Contacte [Seb] c'est lui qui l'a fait je crois...
 
1er
OP
L@rgo_XIII

L@rgo_XIII

G33K
ok, je m'en vais le faire de ce pas !
 
largo si jamais tu as une reponse poste la ici ou envoy la moi par pm stp ca m'interesse aussi mais j'ai jamais trouve :-(
 
1er
OP
L@rgo_XIII

L@rgo_XIII

G33K
FruitDeFendu a dit:
largo si jamais tu as une reponse poste la ici ou envoy la moi par pm stp ca m'interesse aussi mais j'ai jamais trouve :-(
Pas de problème :D je ferai cela :D j'attends une réponse de [SeB] pour le moment !
 
L@rgo_XIII a dit:
FruitDeFendu a dit:
largo si jamais tu as une reponse poste la ici ou envoy la moi par pm stp ca m'interesse aussi mais j'ai jamais trouve :-(
Pas de problème :D je ferai cela :D j'attends une réponse de [SeB] pour le moment !
oki look aussi j'ai repondut a ton thread concerant les site en flash etc..
 

Carambar

Elite
Hop, il y a plusieurs solutions :

- Soit tu fais un cadre iframe dans ce style ci.
- Soit tu adopte une solution qui redimensionne automatiquement les images trop grandes en utilisant du Javascript.
- Soit tu utilise la bibliothèque graphique GD intégrée à PHP (je ne sais plus quelle version) pour faire des vignettes de manière dynamique. C'est ce que fais le mod Photo Album de Smartor.
 

ZyPh0s

Touriste
Fearless a dit:
Hop, il y a plusieurs solutions :

- Soit tu fais un cadre iframe dans ce style ci.
- Soit tu adopte une solution qui redimensionne automatiquement les images trop grandes en utilisant du Javascript.
- Soit tu utilise la bibliothèque graphique GD intégrée à PHP (je ne sais plus quelle version) pour faire des vignettes de manière dynamique. C'est ce que fais le mod Photo Album de Smartor.
Seb a utilisé le dernier choix a mon avis ;) Le javascript et le Iframe sont pas super vu que tu est obligé de downloader toute l'image. L'inconvénient du Php c'est qu'il prend plus de ressource CPU. Mais bon sur le net entre bande passante et CPU on hésite pas ;)
 
1er
OP
L@rgo_XIII

L@rgo_XIII

G33K
Fearless a dit:
Hop, il y a plusieurs solutions :

- Soit tu fais un cadre iframe dans ce style ci.
- Soit tu adopte une solution qui redimensionne automatiquement les images trop grandes en utilisant du Javascript.
- Soit tu utilise la bibliothèque graphique GD intégrée à PHP (je ne sais plus quelle version) pour faire des vignettes de manière dynamique. C'est ce que fais le mod Photo Album de Smartor.
Merci FearLess, je suis très très intéressé par le dernier mod, album photo ! Mais je rechrechais au début quelque chose qui redomensionne qd j'intègre une image à un post !

Peux-tu déja m'indiquer où trouver le MOD Photo Album de Smartor ?

P.S: Je vais effectuer la recherce sur google, mais bon je demande qd meme :D
 

Carambar

Elite
L@rgo_XIII a dit:
Peux-tu déja m'indiquer où trouver le MOD Photo Album de Smartor ?

P.S: Je vais effectuer la recherce sur google, mais bon je demande qd meme :D
Tu le trouveras ici :
http://smartor.is-root.com/viewtopic.php?t=3021 (V.O)
http://smartor.is-root.com/viewtopic.php?t=2503 (Traduction fr)

A mon avis, il existe aussi déjà des scripts tous fais en PHP qui font des vignettes ou des réduits. Tu pourrais ajouter un tel script dans le répertoire phpBB et le modifier de telle sorte que tu puisse y faire appel à travers le BBCode image ou un BBCode personalisé.
 

kokotchY

Elite
pour inserer une image c le tag [ img ].. tu regardes dans le fichier bbcodes et si l'image est trop grande tu redimentionnes...
 
1er
OP
L@rgo_XIII

L@rgo_XIII

G33K
Fearless a dit:
L@rgo_XIII a dit:
Peux-tu déja m'indiquer où trouver le MOD Photo Album de Smartor ?

P.S: Je vais effectuer la recherce sur google, mais bon je demande qd meme :D
Tu le trouveras ici :
http://smartor.is-root.com/viewtopic.php?t=3021 (V.O)
http://smartor.is-root.com/viewtopic.php?t=2503 (Traduction fr)

A mon avis, il existe aussi déjà des scripts tous fais en PHP qui font des vignettes ou des réduits. Tu pourrais ajouter un tel script dans le répertoire phpBB et le modifier de telle sorte que tu puisse y faire appel à travers le BBCode image ou un BBCode personalisé.
Merci bcp ! J'avais trouvé par google finalement !

Je comprends le systeme du bbcode ... je suppsoe donc qu'il faudrait éditer des fichiers ... je vais un peu fouiller aussi !
 
1er
OP
L@rgo_XIII

L@rgo_XIII

G33K
ZyPh0s a dit:
Fearless a dit:
Hop, il y a plusieurs solutions :

- Soit tu fais un cadre iframe dans ce style ci.
- Soit tu adopte une solution qui redimensionne automatiquement les images trop grandes en utilisant du Javascript.
- Soit tu utilise la bibliothèque graphique GD intégrée à PHP (je ne sais plus quelle version) pour faire des vignettes de manière dynamique. C'est ce que fais le mod Photo Album de Smartor.
Seb a utilisé le dernier choix a mon avis ;) Le javascript et le Iframe sont pas super vu que tu est obligé de downloader toute l'image. L'inconvénient du Php c'est qu'il prend plus de ressource CPU. Mais bon sur le net entre bande passante et CPU on hésite pas ;)
Je lui ai sendé un MP il y a +/- une semain et toujours pas de réponse, peut-être est-il absent ou alors il n'a pas le temps, ce qui est compréhensible !

Alors je UP pr avoir solution à mon problème !

Merci !
 
G

Guest

ex membre
plus bêtes ds le genre et plus ennuyant peu être

pr l'affichage d'une image, tu en crée deux:

une qui a été redimensionnée avec un logiciel de retouche d'image par exemple, et une en taille réelle

image1.jpg = image redimensionnée

image2.jpg = image d'origine

et alors ça donnera:

Code:
[url=urlimage2.jpg][img]urlimage1.jpg][/img][/url]
 
1er
OP
L@rgo_XIII

L@rgo_XIII

G33K
aRietta a dit:
plus bêtes ds le genre et plus ennuyant peu être

pr l'affichage d'une image, tu en crée deux:

une qui a été redimensionnée avec un logiciel de retouche d'image par exemple, et une en taille réelle

image1.jpg = image redimensionnée

image2.jpg = image d'origine

et alors ça donnera:

Code:
[url=urlimage2.jpg][img]urlimage1.jpg][/img][/url]
Je sais, à la limite moi cela ne me dérange pas ... mais tous les utilisateurs de mon forum ne sont pas assez expérimentés pr cela ... et je me vois mal éditer et faire des resize de toutes les images qu'ils postent !
 

BaKa

Touriste
si tu veux largo j'ai le javascript ki redimenssionne auto une image (faut intégrer dans le header de phpbb) et puis tu peux modifier le tag
 
R

RedCross

ex membre
On ferait pas un p'tit thread unique avec tout ça, j'ai l'impression que ça reviens souvent cette question. :p



dans bbcode.tpl,
cherchez :

Code:
<!-- BEGIN img --><img src="{URL}" border="0" /><!-- END img -->
remplacez par :

Code:
<!-- BEGIN img --><a href="{URL}" target="blank"><img src="{URL}" border="0"/></a><!-- END img -->
ouvrir overall_header.tpl et chercher :

Code:
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
remplacer par :

Code:
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}" onload="resize_images()">
ensuite, trouver :

Code:
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}" onload="resize_images()">
ajouter avant :

Code:
<script language="javascript" type="text/javascript"> 
<!-- 
function resize_images() 
{ 
for (i = 0; i < document.images.length; i++) 
{ 
while ( !document.images[i].complete ) 
{ 
break; 
} 
if ( document.images[i].width > 440 ) 
{ 
document.images[i].width = 440; 
} 
} 
} 

//--> 
</script>
 

BaKa

Touriste
bon bah RedCross m'a volé ce que j'allais donné :p

:D
 

Carambar

Elite
Voici la soluce pour mettre une image trop grande dans un iframe (si ca intéresse quelqu'un) :

large images mod.txt
Code:
##############################################
## MOD Title:          Large Images MOD 
## MOD Author:         Sian < [email]sebastian.weglarczyk@interia.pl[/email] > 
## MOD Description:    This MOD will allow the board administrators 
##                     to set maximum width of an posted images. 
##                     If width of an image exceeds entered value, 
##                     a horizontal scrollbar will appear under image. 
##                     This will maintain forum layout. 
##                     Entering zero or leaving empty disables this function. 
## MOD Version:        1.0 
## Compatibility:      2.0.4 - 2.0.6 (prior release not tested but expected to work fine) 
## 
## Installation Level: Easy 
## Installation Time:  5-10 Minutes 
## Files To Edit:      5 
##      admin/admin_board.php 
##      includes/bbcode.php 
##      language/lang_english/lang_admin.php 
##      templates/subSilver/viewtopic_body.tpl 
##      templates/subSilver/admin/board_config_body.tpl 
## 
##############################################
## Security Disclaimer: This MOD Cannot Be Posted To Or Added At Any Non-Official phpBB Sites 
##############################################
## 
## Author Notes: 
## 
## To set maximum image width: 
## Go to administration panel -> General Admin -> Configuration -> User and Forum Basic Settings 
## 
##   This mod should work with any template, although there will be differences in the .tpl 
##   files with some templates. You should be able to work around the differences. 
## 
##   If you have other templates or languages installed you should modify respective files. 
## 
##############################################
## 
## MOD History: 
## 
##   2003-08-27 - Version 1.0 
##      - Initial final release 
## 
##############################################
## This MOD is released under the GPL License. 
##############################################
## Before Adding This MOD To Your Forum, You Should Back Up All Files Related To This MOD 
##############################################
# 
# 
#-----[ SQL ]------------------------------------------------- 
# 
# Add the "image_max_width" value to the "config" table. 
# You can use the following SQL statement, replacing 
# the database name and the prefix with those of your choice. 
# 
INSERT INTO `phpbb_config` (`config_name`, `config_value`) VALUES ('image_max_width', '0'); 

# 
#-----[ OPEN ]------------------------------------------------ 
# 
admin/admin_board.php 

# 
#-----[ FIND ]------------------------------------------------ 
# 
   "L_MAX_SIG_LENGTH" => $lang['Max_sig_length'], 
   "L_MAX_SIG_LENGTH_EXPLAIN" => $lang['Max_sig_length_explain'], 

# 
#-----[ AFTER, ADD ]------------------------------------------ 
# 
   // Start add - LargeImages MOD 
   "L_MAX_IMG_WIDTH" => $lang['Max_image_width'], 
   "L_MAX_IMG_WIDTH_EXPLAIN" => $lang['Max_image_width_explain'], 
   // End add - LargeImages MOD 

# 
#-----[ FIND ]------------------------------------------------ 
# 
   "SIG_YES" => $sig_yes, 
   "SIG_NO" => $sig_no, 
   "SIG_SIZE" => $new['max_sig_chars'], 

# 
#-----[ AFTER, ADD ]------------------------------------------ 
# 
   // Start add - LargeImages MOD 
   "MAX_IMG_WIDTH" => $new['image_max_width'], 
   // End add - LargeImages MOD 

# 
#-----[ OPEN ]------------------------------------------------ 
# 
includes/bbcode.php 

# 
#-----[ FIND ]------------------------------------------------ 
# 
   global $lang, $bbcode_tpl; 
# 
#-----[ REPLACE WITH ]---------------------------------------- 
# 
   // Start replacement - LargeImages MOD 
   global $lang, $bbcode_tpl, $board_config; 
   // Start replacement - LargeImages MOD 

# 
#-----[ FIND ]------------------------------------------------ 
# 
   $text = preg_replace($patterns, $replacements, $text); 

# 
#-----[ BEFORE, ADD ]----------------------------------------- 
# 
   // Start add - LargeImages MOD 
   if (!empty($board_config['image_max_width']) && ($board_config['image_max_width'] > 0)) 
   { 
      if (preg_match_all("#\[img:$uid\](.*?)\[/img:$uid\]#si", $text, $images)) { 
         $imagePatterns = $imageReplacements = array(); 
         foreach($images[1] as $index=>$image_link) 
         { 
            $image_dimensions = @getimagesize($image_link); 
            if ($image_dimensions && $image_dimensions[0] > $board_config['image_max_width']) { 
               $div_height = $image_dimensions[1] + 20; 
               $imagePatterns[] = $images[0][$index]; 
               $imageReplacements[] = '<div style="width:'.$board_config['image_max_width'].'px; height:'.$div_height.'px; overflow:auto;">'.$images[0][$index].'</div>'; 
            } 
         } 
         $text = str_replace($imagePatterns,$imageReplacements,$text); 
      } 
   } 
   // End add - LargeImages MOD 

# 
#-----[ OPEN ]------------------------------------------------ 
# 
language/lang_english/lang_admin.php 

# 
#-----[ FIND ]------------------------------------------------ 
# 
$lang['Max_sig_length'] = 'Maximum signature length'; 
$lang['Max_sig_length_explain'] = 'Maximum number of characters in user signatures'; 

# 
#-----[ AFTER, ADD ]------------------------------------------ 
# 
// Start add - LargeImages MOD 
$lang['Max_image_width'] = 'Maximum images width'; 
$lang['Max_image_width_explain'] = 'If width of an image exceeds this value, a horizontal scrollbar will appear under image. This will maintain forum layout. Enter zero or leave empty to disable this function.'; 
// End add - LargeImages MOD 

# 
#-----[ OPEN ]------------------------------------------------ 
# 
templates/subSilver/viewtopic_body.tpl 

# 
#-----[ FIND ]------------------------------------------------ 
# 
      <td class="{postrow.ROW_CLASS}" width="100%" height="28" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0"> 
         <tr> 
            <td width="100%"><a href="{postrow.U_MINI_POST}"><img src="{postrow.MINI_POST_IMG}" width="12" height="9" alt="{postrow.L_MINI_POST_ALT}" title="{postrow.L_MINI_POST_ALT}" border="0" /></a><span class="postdetails">{L_POSTED}: {postrow.POST_DATE}<span class="gen">&</span>& &{L_POST_SUBJECT}: {postrow.POST_SUBJECT}</span></td> 
            <td valign="top" nowrap="nowrap">{postrow.QUOTE_IMG} {postrow.EDIT_IMG} {postrow.DELETE_IMG} {postrow.IP_IMG}</td> 
         </tr> 
         <tr> 
            <td colspan="2"><hr /></td> 
         </tr> 
         <tr> 
            <td colspan="2"><span class="postbody">{postrow.MESSAGE}{postrow.SIGNATURE}</span><span class="gensmall">{postrow.EDITED_MESSAGE}</span></td> 
         </tr> 
      </table></td> 

# 
#-----[ REPLACE WITH ]---------------------------------------- 
# 
      <!-- Start replacement - LargeImages MOD --> 
      <td class="{postrow.ROW_CLASS}" width="100%" height="28" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0"> 
         <tr> 
            <td><table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0"> 
               <tr> 
                  <td width="100%"><a href="{postrow.U_MINI_POST}"><img src="{postrow.MINI_POST_IMG}" width="12" height="9" alt="{postrow.L_MINI_POST_ALT}" title="{postrow.L_MINI_POST_ALT}" border="0" /></a><span class="postdetails">{L_POSTED}: {postrow.POST_DATE}<span class="gen">&</span><br />{L_POST_SUBJECT}: {postrow.POST_SUBJECT}</span></td> 
                  <td valign="top" nowrap="nowrap">{postrow.REPLY_IMG_MINI} {postrow.QUOTE_IMG} {postrow.EDIT_IMG} {postrow.DELETE_IMG} {postrow.IP_IMG}</td> 
               </tr> 
            </table></td> 
         </tr> 
         <tr> 
            <td><hr /></td> 
         </tr> 
         <tr> 
            <td><span class="postbody">{postrow.MESSAGE}{postrow.SIGNATURE}</span><span class="gensmall">{postrow.EDITED_MESSAGE}</span></td> 
         </tr> 
      </table></td> 
      <!-- End replacement - LargeImages MOD --> 

# 
#-----[ OPEN ]------------------------------------------------ 
# 
templates/subSilver/admin/board_config_body.tpl 

# 
#-----[ FIND ]------------------------------------------------ 
# 
   <tr> 
      <td class="row1">{L_MAX_SIG_LENGTH}<br /><span class="gensmall">{L_MAX_SIG_LENGTH_EXPLAIN}</span></td> 
      <td class="row2"><input class="post" type="text" size="5" maxlength="4" name="max_sig_chars" value="{SIG_SIZE}" /></td> 
   </tr> 

# 
#-----[ AFTER, ADD ]------------------------------------------ 
# 
   <!-- Start add - LargeImages MOD --> 
   <tr> 
      <td class="row1">{L_MAX_IMG_WIDTH}<br /><span class="gensmall">{L_MAX_IMG_WIDTH_EXPLAIN}</span></td> 
      <td class="row2"><input class="post" type="text" size="5" maxlength="4" name="image_max_width" value="{MAX_IMG_WIDTH}" /> px.</td> 
   </tr> 
   <!-- End add - LargeImages MOD --> 

# 
#-----[ SAVE/CLOSE ALL FILES ]-------------------------------- 
# 
# EoM
 
Statut
N'est pas ouverte pour d'autres réponses.
Haut