script per ridimensionamento immagine

**PiccoloElfo2** · 23-03-2005, 13:30

Salve a tutti,
avrei bisogno di uno script per il ridimensionamento automatico delle immagini.
In altri termini il mio sito attinge ad un db per i contenuti. In tali contenuti possono esserci immagini di varia grandezza.
Posso inserire nella pagina che richiama i contenuti uno script che, se l'immagine supera i 200px di larghezza, la ridimensiona in automatico a 100px? (valori puramente casuali).

Ne conoscete qualcuno non troppo complesso?
Grazie molte

**16437952** · 24-03-2005, 19:12

Con questo script puoi ridimensionare la tua immagine se supera i 200 px di larghezza.

Non ti devi nemmeno preoccupare dell'altezza dell'immagine: Javascript
adatterà l'altezza in proporzione alla larghezza inviata come parametro

codice:

<HTML><BODY onLoad="res();">
<DIV align="center">

</DIV>
<SCRIPT language="Javascript1.2">
<!--
function res()
{
var imagex=(document.images[0].width)*1;
var imagey=(document.images[0].height)*1;
if (imagex>200)
	document.images[0].width=100;
}
//-->
</SCRIPT></BODY></HTML>

**PiccoloElfo2** · 24-03-2005, 23:09

Intanto ti ringrazio! Poi corro a testare! Grazie mille!

**PiccoloElfo2** · 24-03-2005, 23:39

lo script funziona ma non riesco ad implementarlo nella pagina. Ho testato in diversi modi ma, nella mia pagina non sortisce l'effetto voluto!

Ti posto lo script della pagina magari puoi aiutarmi ad inserirlo. (scusa se chiedo troppo

)

codice:

<%@ LANGUAGE = JScript %>
<%
   var Cn = new ActiveXObject("ADODB.Connection");
   var Sc = "driver={Microsoft Access Driver (*.mdb)};dbq=" + Server.MapPath("/database/miodatabase.mdb");
       Cn.Open(Sc);
   var Sql = "SELECT * FROM argomento ORDER BY id ASC";
   var Mostra = new ActiveXObject("ADODB.Recordset");
	   Mostra.Open(Sql,Cn,1);
   var pag = parseInt(Request.QueryString("id"));
       if (isNaN(pag) || pag < 1) pag = 1;
       if (!Mostra.EOF) {
            Mostra.PageSize = 1;
            Mostra.AbsolutePage = pag;
      }
   var i = 0;
%>
<html>
 <head>
<title><%=Mostra("titolo")%></title>
  <link rel="stylesheet" type="text/css" href="../css/index.css">  
 </head>

<BODY>

                <div align="left">
                  <table border="0" cellpadding="0" cellspacing="0" width="237">
                    <tr>
                      <td>
                      </td>
                    </tr>
                  </table>
                </div>

<table border="0" cellspacing="0" width="237" cellpadding="0" bgcolor="#FFFFFF">
  <tr>
    <td valign="top">

<h1 align="center">




<%while((!Mostra.EOF) && (i<1)){%>
      </h1>
<div align="center">
  <table border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td>
      </td>
    </tr>
  </table>
</div>
<div align="center">
<table width="98%" cellpadding="1" cellspacing="0" style="border: Solid 0px #192939;">
  <center>
 <tr>
   <td align="center" class="corpo">
         <%=Mostra("contenuto")%>
   </td>
 </tr>
</table>

</div>


<%
         i++;
      Mostra.MoveNext();
   }
%>

<div align="center">

<table width="85%" cellpadding="0" cellspacing="0">
 <tr>
   <td width="50%" align="center">
      <font size="2" face="Verdana">
      <%if (pag > 1) {%>&#171; Precedente<%}%>
      <%else {%><font color="#778899">&#171; Precedente</font><%}%>
      </font>
   </td>
   <td width="50%" align="center">
      <font size="2" face="Verdana">
      <%if (!Mostra.EOF) {%>Successivo &#187;<%}%>
      <%else {%><font color="#778899">Successivo &#187;</font><%}%>
      </font>
   </td>
 </tr>
 <tr>
   <td width="50%" align="center">
   </td>
   <td width="50%" align="center">
      <font color="#000080" size="1" face="Arial"></font>
   </td>
 </tr>
 <tr>
   <td width="50%" align="center">
   </td>
   <td width="50%" align="center">
   </td>
 </tr>
</table>

</div>

</center>
<div align="center">
  <center>
  <table border="0" cellspacing="1">
    <tr>
      <td>[img]../images/bordi/home.gif[/img]</td>
      <td>
        <p class="corp_nn_formattato">home page</td>
      <td>  </td>
      <td>[img]../images/bordi/indice.gif[/img]</td>
      <td>
        <p class="corp_nn_formattato">indice</td>
    </tr>
  </table>
  </center>
</div>
    </td>
    </tr>
  </table>

                <div align="left">
                  <table border="0" cellpadding="0" cellspacing="0">
                    <tr>
                      <td>
                      </td>
                    </tr>
                  </table>
                </div>
</body>
</html>
<%Cn.Close()%>

**jartuf** · 25-03-2005, 21:22

Piccolo elfo....anch'io ho problemi con lo script. [www.uniurb.net in home page nn funge, clikkando sulla notizia invece si].

HO fatto un casino di prove, in home nn funge credo xchè utilizzo include asp/vbscript; forse il casino gli da noie.

In linea di massima va messo dentro body e cmq dopo le immagini che vuoi rimpicciolire, credo.

Discussione: script per ridimensionamento immagine

Strumenti discussione

Ricerca discussione

Visualizza

script per ridimensionamento immagine

Permessi di invio