It is currently Fri 30 Sep 2016 - 13:44 - créer un forum

Redimensionner automatiquement les images, version 2

Skip to content

Post new topic Reply to topic Goto page: <  1, 2, 3, 4, 5, 615, 16, 17  >

Redimensionner automatiquement les images, version 2
Author Message
Sanctuary


Joined: 22 Apr 2007
Posts: 79

PostPosted: Wed 31 Oct 2007 - 12:43    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

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

Bonjour,

Je suis en train de tester cette fonction sur mon forum de test.
Le redimensionnement fonctionne bien mais pas l'affichage de l'image taille réelle quant on clic sur l'image réduite automatiquement.

C'est normal docteur ?

Je suis sous firefox.
IE non plus ne m'affiche pas les images taille réelle.
J'ai peut être oublier quelque chose...
Forum
Author Message
GoldFish


Offline
Guest




PostPosted: Wed 31 Oct 2007 - 13:28    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

il faut mettre le lien direct de l'image pour que ça fonctionne correctement

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: Wed 31 Oct 2007 - 13:47    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

bonjour

quel code as tu mis exactement tu l'as bien placé
tu as regarder avec une autre des méthodes
_______________________


Forum
Author Message
Sanctuary
Membre


Offline
Membre

Joined: 22 Apr 2007
Posts: 79
Point(s): 79
Moyenne: 1.00

PostPosted: Wed 31 Oct 2007 - 14:21    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

J'ai utilisé le code fourni en première page.

Je l'ai collé arpès :

Code: Sélectionner - Agrandir
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">


J'ai testé avec un lien direct vers l'image.
Je n'ai pas essayé d'autre méthode.
_______________________
<Signature>


Forum
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: Wed 31 Oct 2007 - 14:24    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

regardes avec la méthode deux
la première ne marche pas sur tous les thèmes
_______________________


Forum
Author Message
Sanctuary
Membre


Offline
Membre

Joined: 22 Apr 2007
Posts: 79
Point(s): 79
Moyenne: 1.00

PostPosted: Wed 31 Oct 2007 - 14:29    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

La méthode 2 ?

Ca ?

Code: Sélectionner - Agrandir
    <script type="text/javascript">
    function resizedImgClick(event) {
    event = (event || window.event);
    var img = Event.element(event);
    // L'image est dans un lien, on ouvre 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(530);});
    </script>


Collé au même endroit ?

Note : J'utilise un thème "tolède".
_______________________
<Signature>


Forum
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: Wed 31 Oct 2007 - 14:37    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

oui tu mets le code après body
_______________________


Forum
Author Message
Sanctuary
Membre


Offline
Membre

Joined: 22 Apr 2007
Posts: 79
Point(s): 79
Moyenne: 1.00

PostPosted: Wed 31 Oct 2007 - 14:42    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

Grand merci the malin Smile
_______________________
<Signature>


Forum
Author Message
NAMB


Offline
Guest




PostPosted: Mon 5 Nov 2007 - 17:56    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

Bonjour, je ne trouve pas <body> dans mon template:


 
Code: Sélectionner - Agrandir
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="Content-Style-Type" content="text/css">
{META}
{NAV_LINKS}
<title>{SITENAME} :: {PAGE_TITLE}</title>
  <style type="text/css">
<!--
/*
  Theme Easy Blue for phpBB version 2+
  Created by Fly center
  http://www.flycenter.fr.st
*/

/* General page style. The scroll bar colors only visible in IE5.5+ / Couleur de la scroll-bar visible seulement sur IE5.5 ou + */
body {
    scrollbar-face-color: #D5E9FF;
    scrollbar-highlight-color: {T_TD_COLOR2};
    scrollbar-shadow-color: {T_TR_COLOR2};
    scrollbar-3dlight-color: #FFFFFF;
    scrollbar-arrow-color:  #006699;
    scrollbar-track-color: #E4F0FF;
    scrollbar-darkshadow-color: #007EFF;
}



    /* General font families for common tags / Definition des polices et des liens */
    font,th,td,p { font-family: {T_FONTFACE1} }
    a:link,a:active,a:visited { color : {T_BODY_LINK}; text-decoration: none; }
    a:hover      { color : #28CBF4; text-decoration: none; background-color: transparent; position: relative;}
    hr   { height: 0px; border: solid {T_TR_COLOR3} 0px; border-top-width: 1px;}





/* This is the border line & background colour round the entire page / c'est la ligne/bordure autour de toute la page */
.bodyline    { background-color: #FFFFFF; border: 0px #AEBDC4 solid; }

/* This is the outline round the main forum tables / Definition des classes forumlines les principaux tableaux de la page */
.forumline    { background-color: #007EFF; border: 0px #0078D6 solid; }
.forumline1    { border: 0px #B8D7ED solid; }

/* Main table cell colours and backgrounds / Couleur de fond des cellules des tableaux principaux */
td.row1    { background-color: #E4F0FF; }
td.row2    { background-color: #D5E9FF; }
td.row3    { background-color: #EAF5FD; }

/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
        background-color: #FFFFFF;
        background-image: url(http://img.xooimage.com/files/);
        background-repeat: repeat-y;
}

/* Definition of the main table's head cells properties / Definition des propri&eacute;t&eacute;s l' en t&ecirc;te des tableaux principaux */
th    {
    color: #336699; font-size: {T_FONTSIZE2}px; font-weight : bold;
    background-color: #8CB6D4; height: 25px;
    background-image: url(http://img9.xooimage.com/files/h/_/h_m3-32837.gif);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
            background-image: url(http://img4.xooimage.com/files/e/b/ebpic1-32838.gif);
            background-color:#DBEBF6; border: {T_TH_COLOR3}; border-style: solid; height: 28px;
}

/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
  Definition des propri&eacute;t&eacute;s des lignes interieures des cellules des tableaux principaux
  Le nom indique de quel c&ocirc;t&eacute; se trouvera la ligne
  Ne vous inquietez pas, si vous ne le comprenez pas, Ignorez le :-)
*/
td.cat,td.catHead,td.catBottom {
    height: 29px;
    border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thLeft,th.thRight,th.thBottom {
    font-weight: bold; border: {T_TD_COLOR2}; border-style: solid; height: 28px;
}
th.thTop,th.thCornerL,th.thCornerR {
    font-weight: bold; border: {T_TD_COLOR2}; border-style: solid; height: 20px;
    background-image: url(http://img9.xooimage.com/files/h/_/h_m3-32837.gif);
}

td.row3Right,td.spaceRow {
    background-color: #CBE6F9; border: {T_TH_COLOR3}; border-style: solid;
}

th.thHead,td.catHead { font-size: {T_FONTSIZE3}px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow     { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right     { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft      { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }
th.thTop     { border-width: 0px 0px 0px 0px; }
th.thCornerL { border-width: 0px 0px 0px 0px; }
th.thCornerR { border-width: 0px 0px 0px 0px; }

/* The largest text used in the index page title and toptic title etc. / Le texte le plus large utilis&eacute; sur l' index du Forum pour les titres etc. */
.maintitle    {
    font-weight: bold; font-size: 12px; font-family: "{T_FONTFACE2}",{T_FONTFACE1};
    text-decoration: none; line-height : 120%; color : {T_BODY_TEXT};
}

/* General text / Texte general */
.gen { font-size : 11px; }
.genmed { font-size : {T_FONTSIZE2}px; }
.gensmall { font-size : {T_FONTSIZE1}px; }
.gen,.genmed,.gensmall { color : #000000; }
a.gen,a.genmed,a.gensmall { color: {T_BODY_LINK}; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover    { color: #28CBF4; text-decoration: underline; }

/* The register, login, search etc links at the top of the page / Propri&eacute;t&eacute;es des textes pour Login, Register, etc. (en haut) */
.mainmenu        { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT} }
a.mainmenu        { text-decoration: none; color : {T_BODY_LINK};  }
a.mainmenu:hover{ text-decoration: underline; color : {T_BODY_HLINK}; }

/* Forum category titles / Style des titres des Categories du Forum */
.cattitle        { font-weight: bold; font-size: 11px; letter-spacing: 1px; color : {T_BODY_LINK}}
a.cattitle        { text-decoration: none; color : #4A6E8A; }
a.cattitle:hover{ text-decoration: underline; }

/* Forum title: Text and link to the forums used in: index.php */
.forumlink        { font-weight: bold; font-size: 11px; color : {T_BODY_LINK}; }
a.forumlink     { text-decoration: none; color : {T_BODY_LINK}; }
a.forumlink:hover{ text-decoration: underline; color : #28CBF4; }

/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav            { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT};}
a.nav            { text-decoration: none; color : {T_BODY_LINK}; }
a.nav:hover        { text-decoration: underline; text-decoration: none;}

/* titles for the topics: could specify viewed link colour too / Propri&eacute;tes des Liens vers les topics, visit&eacute;s etc. */
.topictitle,h1,h2    { font-weight: bold; font-size: 11px; color : {T_BODY_TEXT}; }
a.topictitle:link   { text-decoration: none; color : {T_BODY_LINK}; }
a.topictitle:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.topictitle:hover    { text-decoration: underline; color : #28CBF4; }

/* Name of poster in viewmsg.php and viewtopic.php and other places / Propri&eacute;t&eacute;s du nom du Posteur */
.name            { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT};}

/* Location, number of posts, post date etc / Propri&eacute;t&eacute;s des details sur le posteur */
.postdetails        { font-size : {T_FONTSIZE1}px; color : {T_BODY_TEXT}; }

/* The content of the posts (body of text) */
.postbody { font-size : {T_FONTSIZE3}px; line-height: 18px}
a.postlink:link    { text-decoration: none; color : {T_BODY_LINK} }
a.postlink:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.postlink:hover { text-decoration: underline; color : {T_BODY_HLINK}}

/* Quote & Code blocks / Propriet&eacute;s des Quotes et Codes */
.code {
    font-family: {T_FONTFACE3}; font-size: {T_FONTSIZE2}px; color: #14719C;
    background-color: {T_TD_COLOR1}; border: #91C6EB; border-style: solid;
    border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
    font-family: {T_FONTFACE1}; font-size: {T_FONTSIZE2}px; color: #14719C; line-height: 125%;
    background-color: {T_TD_COLOR1}; border: #91C6EB; border-style: solid;
    border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}











    dl.code {
     background-color: #FAFAFA;  border: 1px solid #D1D7DC;  padding: 0;  margin:0;  width:700px;
    }
    dl.code dt {
     border-bottom: 1px solid #D1D7DC;  margin: 2px; padding: 0; display: block;
    }
    dl.code dt span.postbody {
     text-transform:uppercase;  font-weight:bold;  font-size:10px;  padding:0; margin:0;
    }
    dl.code dd {
     margin:0;  padding:0;
    }

    div.code {
     font-size:11px;  font-family: monospace, mono;   color: #8b8b8b;
     overflow:auto;  display: block;  height: auto;  width:698px;  max-height: 200px;
     white-space: normal;  padding:2px;  margin:0;
    }













/* Copyright and bottom info */
.copyright        { font-size: {T_FONTSIZE1}px; font-family: {T_FONTFACE1}; color: {T_FONTCOLOR1}; letter-spacing: -1px;}
a.copyright        { color: {T_FONTCOLOR1}; text-decoration: none;}
a.copyright:hover { color: {T_BODY_TEXT}; text-decoration: underline;}

/* Form elements / Elements de Formulaires */
input,textarea, select {
    color : color : #000000;
    font: normal {T_FONTSIZE2}px {T_FONTFACE1};
    border-color : #000000;
}

/* The text input fields background colour */
input.post, textarea.post, select {
    background-color : #FFFFFF;
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
    background-color : #EFEFEF;
    color : #000000;
    font-size: {T_FONTSIZE2}px; font-family: {T_FONTFACE1};
}

/* The main submit button option */
input.mainoption {
    background-color : #FAFAFA;
    font-weight : bold;
}

/* None-bold submit button */
input.liteoption {
    background-color : #FAFAFA;
    font-weight : normal;
}

/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { background-color: {T_TR_COLOR2}; border-style: none; }
.admin        { font-size: {T_FONTSIZE1}px; font-family: {T_FONTFACE1}; color: #006699; letter-spacing: -1px;}

/* Background properties / Propri&eacute;t&eacute;s du Background */
body { background-color: #D5E9FF; background-image: url("http://img3.xooimage.com/files/d/3/e/back-1e58fa.jpg"); background-attachment: fixed;
}

/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("http://img4.xooimage.com/files/f/o/formie-30deb.css");
-->
</style>
<SCRIPT LANGUAGE="JavaScript">

function ChangeMessage(message,champ)
  {
  if(document.getElementById)
    document.getElementById(champ).innerHTML = message;
  }
</SCRIPT>


















    <script type="text/javascript">
    function selectCode(a)
    {
    // Get ID of code block
    var e = a.parentNode.parentNode.parentNode.getElementsByTagName('DIV')[0];
    if (document.selection)
    {
    var r = document.body.createTextRange();
    r.moveToElementText(e);
    r.select();
    }
    else
    {
    var s = window.getSelection();
    var r = document.createRange();
    r.setStartBefore(e);
    r.setEndAfter(e);
    s.addRange(r);
    }
    }
    function expandCode(a)
    {
    var e = a.parentNode.parentNode.parentNode.getElementsByTagName('DIV')[0];
    $(e).setStyle({overflow:'visible',maxHeight:'none'});
    }
    function reducCode(a)
    {
    var e = a.parentNode.parentNode.parentNode.getElementsByTagName('DIV')[0];
    $(e).setStyle({overflow:'auto',maxHeight:'200px'});
    }
    </script>









<link rel="shortcut icon" href="http://img214.imageshack.us/img214/9615/120pxnuvolaappskcoloredqq6.jpg">









</head>
  <!-- BEGIN switch_enable_pm_popup -->
  <script language="Javascript" type="text/javascript">
<!--
    if ( {PRIVATE_MESSAGE_NEW_FLAG} )
    {
        window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
    }
//-->
</script>
  <!-- END switch_enable_pm_popup -->
<div align="center">
  <table width="802" border="0" cellspacing="0" cellpadding="0" height="10">
    <tr>
      <td width="20" height="23"><img src="http://img2.xooimage.com/files/h/_/h_g_i-3282f.gif" width="20" height="22" alt="" /></td>
      <td background="http://img8.xooimage.com/files/h/_/h_m2-32830.gif" width="100%" height="23">
        <div align="center"><font color="#006699" size="2"><b>{SITENAME}</b></font></div>
      </td>
      <td width="10" height="23"><img src="http://img6.xooimage.com/files/h/_/h_md-32832.gif" width="10" height="22" alt="" /></td>
    </tr>
  </table><table width="800" border="1" bordercolor="#0981FC" cellspacing="0" class="forumline" cellpadding="0" align="center">
</div>
<tr>
  <td class="row2">
<center><a href="{U_INDEX}"><img src="http://img3.xooimage.com/files/8/2/2/logo_phpbb-3283a-1e5bfb.jpg" width="800" height="120" border="0" alt="{SITENAME} Index" /></a></center>
    <div align="center"> <span class="mainmenu">&nbsp;</span>
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="20"><img src="http://img2.xooimage.com/files/h/_/h_g_i-3282f.gif" width="20" height="22" alt="" /></td>
          <td background="http://img8.xooimage.com/files/h/_/h_m2-32830.gif" width="100%">
            <div align="center"><span class="cattitle"><b><font color="#006699" size="1">Menus
              du Forum :</font></b> </span></div>
          </td>
          <td width="10"><img src="http://img6.xooimage.com/files/h/_/h_md-32832.gif" width="10" height="22" alt="" /></td>
        </tr>
      </table>
    </div>
    <div align="center">
      <table width="100%" border="0" height="20" cellspacing="1" cellpadding="0" class="forumline">
        <tr>
          <td class="row1" width="9%">
            <div align="center"><span class="mainmenu"><a href="{U_FAQ}" class="mainmenu"><font size="-1">
              </font></a><a href="{U_FAQ}" onMouseOver="ChangeMessage('Consulter la FAQ','menu_links')" onMouseOut="ChangeMessage('','menu_links')"><img src="http://img3.xooimage.com/files/i/c/icon_mini_faq-3283b.gif" border="0"></a><a href="%7BU_FAQ%7D" class="mainmenu"></a></span></div>
          </td>
          <td class="row1" width="9%">
            <div align="center"><a href="{U_SEARCH}" onMouseOver="ChangeMessage('{L_SEARCH}','menu_links')" onMouseOut="ChangeMessage('','menu_links')"><img src="http://img10.xooimage.com/files/i/c/icon_mini_search-3283c.gif" border="0"></a></div>
          </td>
          <td class="row1" width="9%">
            <div align="center"><a href="{U_MEMBERLIST}" onMouseOver="ChangeMessage('{L_MEMBERLIST}','menu_links')" onMouseOut="ChangeMessage('','menu_links')"><img src="http://img4.xooimage.com/files/i/c/icon_mini_members-3283d.gif" border="0"></a>
            </div>
          </td>
          <td class="row1" width="14%">
            <div align="center"><a href="{U_GROUP_CP}" onMouseOver="ChangeMessage('Consulter la liste des Groupes','menu_links')" onMouseOut="ChangeMessage('','menu_links')"><img src="http://img5.xooimage.com/files/i/c/icon_mini_groups-3283e.gif" border="0"></a></div>
          </td>
          <td class="row1" width="26%">
            <div align="center"><a href="{U_REGISTER}"><img src="http://img4.xooimage.com/files/i/c/icon_mini_register-3283f.gif" border="0"></a>
              &nbsp;<font size="2" color="#006699"><b>{L_REGISTER}</b></font></div>
          </td>
          <td class="row1" width="9%">
            <div align="center"><font size="-1"><a href="{U_PROFILE}" onMouseOver="ChangeMessage('{L_PROFILE}','menu_links')" onMouseOut="ChangeMessage('','menu_links')"><img src="http://img10.xooimage.com/files/i/c/icon_mini_profile-32840.gif" border="0"></a>
              
              </font></div>
          </td>
          <td class="row1" width="9%">
            <div align="center"><a href="{U_PRIVATEMSGS}" onMouseOver="ChangeMessage('Consulter sa messagerie priv&eacute;e','menu_links')" onMouseOut="ChangeMessage('','menu_links')"><img src="http://img2.xooimage.com/files/i/c/icon_mini_message-32842.gif" border="0"></a></div>
          </td>
          <td class="row1" width="15%">
            <div align="center"><span class="mainmenu"><a href="{U_LOGIN_LOGOUT}" class="mainmenu"></a><a href="{U_LOGIN_LOGOUT}" onMouseOver="ChangeMessage('{L_LOGIN_LOGOUT}','menu_links')" onMouseOut="ChangeMessage('','menu_links')"><img src="http://img5.xooimage.com/files/i/c/icon_mini_login-32843.gif" border="0"></a></span>
            </div>
          </td>
        </tr>
      </table>
    </div>
    <div align="center">
      <table width="100%" border="0" cellspacing="0" cellpadding="0" height="20">
        <tr>
          <td width="10" height="23"><img src="http://img6.xooimage.com/files/b/_/b_mg-32833.gif" width="10" height="22" alt="" /></td>
          <td background="http://img6.xooimage.com/files/b/_/b_m2-32834.gif" width="100%" height="23"><font color="#006699" size="1"><b><DIV ID=menu_links></DIV></b></font></td>
          <td width="20" height="23"><img src="http://img8.xooimage.com/files/b/_/b_d_i-32835.gif" width="20" height="22" alt="" /></td>
        </tr>
      </table>
    
      
    </div>

merci de 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: Mon 5 Nov 2007 - 18:07    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

rajoutes la balise après

 <!-- BEGIN switch_enable_pm_popup -->
  <script language="Javascript" type="text/javascript">
<!--
    if ( {PRIVATE_MESSAGE_NEW_FLAG} )
    {
        window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
    }
//-->
</script>
  <!-- END switch_enable_pm_popup -->
_______________________


Forum
Author Message
NAMB


Offline
Guest




PostPosted: Mon 5 Nov 2007 - 18:21    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

parfait, sa marche, merci themalin  Okay

Author Message
néfertiti58
Membre


Offline
Membre

Joined: 23 Dec 2005
Posts: 111
Niveau:
Point(s): 111
Moyenne: 1.00
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Féminin Gémeaux (21mai-20juin) 狗 Chien

PostPosted: Tue 6 Nov 2007 - 11:26    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

Bonjour,

J'ai installé ce tuto, mais malheureusement, lorsque je clique sur une image trop grande ça ne l'affiche pas en taille réelle

Mon thème est Chronicles

et voici le lien qui montre que si on cliques sur l'image, il n'y a rien qui se passe
http://chroniquesdenarnia.xooit.com/t1404-Arborescence-de-Narnia.htm#9954

Merci pour toutes aide ^^
_______________________

Xooit.com, le meilleur Hébergeur de forums!


Forum
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 6 Nov 2007 - 11:28    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

bonjour

tu as essayes avec une des autres méthodes
_______________________


Forum
Author Message
néfertiti58
Membre


Offline
Membre

Joined: 23 Dec 2005
Posts: 111
Niveau:
Point(s): 111
Moyenne: 1.00
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Féminin Gémeaux (21mai-20juin) 狗 Chien

PostPosted: Tue 6 Nov 2007 - 11:50    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

Avec les autres méthodes, je ne trouve pas le code </head>

Voici mon template

Code: Sélectionner - Agrandir

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="Content-Style-Type" content="text/css">
{META}<head><LINK REL="SHORTCUT ICON" HREF="http://img501.imageshack.us/img501/6489/favicon16x16et7.gif"></head>
{NAV_LINKS}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<link rel="stylesheet" href="http://img5.xooimage.com/files/c/h/chronicles-31c6a.css" type="text/css">


<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
   if ( {PRIVATE_MESSAGE_NEW_FLAG} )
   {
      window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
   }
//-->
</script>
<!-- END switch_enable_pm_popup -->
</head>
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}" alink="{T_BODY_LINK}">
<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>
<a name="top"></a>

<table width="100%" cellspacing="0" cellpadding="10" border="0" align="center">
   <tr>
      <td class="bodyline"><table width="100%" cellspacing="0" cellpadding="0" border="0">
         <tr>
            <td align="center"><a href="{U_INDEX}"><img src="http://img2.xooimage.com/files/i/m/image1_2-cadee.jpg" border="0" alt="{L_INDEX}" vspace="1" /></a></td></tr><tr>
            <td align="center" width="100%" valign="middle"><span class="maintitle"></span><br /><span class="maindescr">{SITE_DESCRIPTION}<br />&nbsp; </span>
            <table cellspacing="0" cellpadding="2" border="0">
               <tr>
                  <td align="center" valign="top" nowrap="nowrap"><span class="mainmenu"><a href="{U_FAQ}" class="mainmenu"><img src="http://img8.xooimage.com/files/6/6/4/f-a-q_1-14622e.png" border="0" alt="{L_FAQ}" hspace="3" /></a></span><span class="mainmenu"> <a href="/portal.php" class="mainmenu"><img src="http://img260.imageshack.us/img260/2688/portail1wz7.png"  border="0" alt="Portail" hspace="3" /></a></span><span class="mainmenu"> <a href="http://chroniquesdenarnia.xooit.com/t1170-Liste-de-liens-utiles.htm#8227" class="mainmenu"><img src="http://img501.imageshack.us/img501/2084/plansite01sq6.png" border="0" alt="Plan du site" hspace="3" /></a></span><span class="mainmenu"><a href="{U_SEARCH}" class="mainmenu"><img src="http://img2.xooimage.com/files/2/1/b/rechercher_1-146159.png" border="0" alt="{L_SEARCH}" hspace="3" /></a><a href="{U_MEMBERLIST}" class="mainmenu"><img src="http://img5.xooimage.com/files/a/e/b/membres-146146.png" border="0" alt="{L_MEMBERLIST}" hspace="3" /></a><a href="{U_GROUP_CP}" class="mainmenu"><img src="http://img7.xooimage.com/files/4/f/1/groupes_1-14613f.png" border="0" alt="{L_USERGROUPS}" hspace="3" /></a>
                  <!-- BEGIN switch_user_logged_out -->
                  <a href="{U_REGISTER}" class="mainmenu"><img src="http://img8.xooimage.com/files/7/0/1/tiinscrire-13ab37.gif"  border="0" alt="{L_REGISTER}" hspace="3" /></a></span>
                  <!-- END switch_user_logged_out -->
                <span class="mainmenu"><a href="{U_PROFILE}" class="mainmenu"><img src="http://img6.xooimage.com/files/1/6/4/profil_1-146150.png" border="0" alt="{L_PROFILE}" hspace="3" /></a><a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="http://img7.xooimage.com/files/8/9/d/messagerie-14614b.png" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="3" /></a><a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img9.xooimage.com/files/4/a/d/login-1460e5.gif" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" /></a></span></td>
               </tr>
            </table></td>
         </tr>
      </table>

      <br /><center><a title=" Site déposé sur CopyrightFrance.com " href="http://www.copyrightfrance.com/php/certificat.php?reference=NMBJ479"><img border="0" src="http://img356.imageshack.us/img356/3368/nmbj4791mo0.gif"></a></center>


A noter que le </head> dans le template fait partie d'un autre tuto que j'ai ajouté auparavant ^^
_______________________

Xooit.com, le meilleur Hébergeur de forums!


Forum
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 6 Nov 2007 - 12:07    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

si tu as ajouté un /head tu peux placer le code avant celui la même si ce n'est pas celui par défaut
_______________________


Forum
Author Message
néfertiti58
Membre


Offline
Membre

Joined: 23 Dec 2005
Posts: 111
Niveau:
Point(s): 111
Moyenne: 1.00
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Féminin Gémeaux (21mai-20juin) 狗 Chien

PostPosted: Tue 6 Nov 2007 - 12:41    Post subject: Redimensionner automatiquement les images, version 2 Reply with quote

Oui, peut-être mais en attendant j'ai planté mon header, donc je laisse tomber, ça marche pas chez moi, dommage  Crying or Very sad
_______________________

Xooit.com, le meilleur Hébergeur de forums!


Forum
Author Message
Contenu Sponsorisé





PostPosted: Today at 13:44    Post subject: Redimensionner automatiquement les images, version 2

Display posts from previous:   
Reply to topic Page 5 of 17 Goto page: <  1, 2, 3, 4, 5, 615, 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