phpBB2 : Redimensionnement des images !

Discussion dans 'Web, design' créé par L@rgo_XIII, 22 Septembre 2003.

Statut de la discussion:
Fermée.
  1. Offline
    L@rgo_XIII G33K
    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
    L@rgo_XIII, 22 Septembre 2003
    #1
  2. Offline
    Jereck Procrastinateur
    Equipe GamerZ.be
    Contacte [Seb] c'est lui qui l'a fait je crois...
    Jereck, 22 Septembre 2003
    #2
  3. Offline
    L@rgo_XIII G33K
    ok, je m'en vais le faire de ce pas !
    L@rgo_XIII, 22 Septembre 2003
    #3
  4. Offline
    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 :-(
    Fruitos[silly], 22 Septembre 2003
    #4
  5. Offline
    L@rgo_XIII G33K
    Pas de problème :D je ferai cela :D j'attends une réponse de [SeB] pour le moment !
    L@rgo_XIII, 22 Septembre 2003
    #5
  6. Offline
    oki look aussi j'ai repondut a ton thread concerant les site en flash etc..
    Fruitos[silly], 22 Septembre 2003
    #6
  7. Offline
    Carambar He once forgot how to cry
    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.
    Carambar, 22 Septembre 2003
    #7
  8. Offline
    ZyPh0s Touriste
    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 ;)
    ZyPh0s, 22 Septembre 2003
    #8
  9. Offline
    L@rgo_XIII G33K
    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
    L@rgo_XIII, 23 Septembre 2003
    #9
  10. Online
    RedCross ex membre
    RedCross, 23 Septembre 2003
    #10
  11. Offline
    Carambar He once forgot how to cry
    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é.
    Carambar, 23 Septembre 2003
    #11
  12. Offline
    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...
    kokotchY, 23 Septembre 2003
    #12
  13. Offline
    L@rgo_XIII G33K
    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 !
    L@rgo_XIII, 23 Septembre 2003
    #13
  14. Offline
    L@rgo_XIII G33K
    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 !
    L@rgo_XIII, 26 Septembre 2003
    #14
  15. Online
    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]
    Guest, 26 Septembre 2003
    #15
  16. Offline
    L@rgo_XIII G33K
    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 !
    L@rgo_XIII, 26 Septembre 2003
    #16
  17. Offline
    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 [IMG]
    BaKa, 26 Septembre 2003
    #17
  18. Online
    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>
    RedCross, 26 Septembre 2003
    #18
  19. Offline
    BaKa Touriste
    bon bah RedCross m'a volé ce que j'allais donné :p

    :D
    BaKa, 26 Septembre 2003
    #19
  20. Offline
    Carambar He once forgot how to cry
    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
    Carambar, 26 Septembre 2003
    #20
Statut de la discussion:
Fermée.