Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it
    Registrato dal
    Feb 2005
    Messaggi
    267

    resize immagine solo su un ID

    <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 > 360 )
    {
    if ( document.images[i].id="img" ) //controlla che l'id sia "img"
    {
    document.images[i].width = 360; //ridimensiona l'img
    }
    }
    }
    }
    //-->
    </script>

    ho fatto questo script partendo da uno più semplice.
    in pratica ridimensiona (con body onload="resize_images()") tutte le immagini nella pagina che superano la larghezza indicata.
    purtroppo,devo fare in modo che solo alcune immaigni vengnao ridimensionate,perchè altri pezzi (come gli spacer del layout) subiscono lo stesso effetto.

    ho così segnato tutte le immagini che intendo ridimensionare con

    <img src=... id="img">

    cercando poi di fare in modo che SOLO le immagini con id="img" venissero ridimensionate.
    purtroppo lo script sopra non funziona, non capisco come mai.
    siccome sono un incompetente di JavaScript mi appello a voi!

    Grazie anticipatamente!

  2. #2
    Utente di HTML.it
    Registrato dal
    Feb 2005
    Messaggi
    267
    ho corretto da solo
    <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 > 360 )
    {
    if ( document.images[i].id=="img" ) //controlla che l'id sia "img"
    {
    document.images[i].width = 360; //ridimensiona l'img
    }
    }
    }
    }
    //-->
    </script>
    e l'immagine deve essere

    <img src=www.sito.com id="img">

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.