• User Attivo

    [Javascript]box immagini

    ciao a tutti, ho questo script:

    [HTML]<script type="text/javascript" language="JavaScript">
    <!--
    var slideshow_width='160px'
    var slideshow_height='126px'
    var pause=3000
    var slidebgcolor="#3467d0"

    var dropimages=new Array()
    <?php
    $i=0;
    $query="SELECT * FROM sponsor";
    $ris=@mysql_query($query) or die ("Non posso eseguire la query");
    while($riga=mysql_fetch_array($ris)){
    $img=$riga['logo'];
    echo 'dropimages['.$i.']="'.$img.'"
    ';
    $i++;
    }
    ?>
    <?php
    $i=0;
    $query="SELECT * FROM sponsor";
    $ris=@mysql_query($query) or die ("Non posso eseguire la query");
    while($riga=mysql_fetch_array($ris)){
    $link=$riga['link'];
    if($i==0)
    echo "
    var droplinks=new Array()
    ";
    echo 'droplinks['.$i.']="'.$link.'"
    ';
    $i++;
    }
    ?>

    var preloadedimages=new Array()
    for (p=0;p<dropimages.length;p++){
    preloadedimages[p]=new Image()
    preloadedimages[p].src=dropimages[p]
    }

    var ie4=document.all
    var dom=document.getElementById

    if (ie4||dom)
    document.write('<div style="position:relative;width:'+slideshow_width+';height:'+slideshow_height+';overflow:hidden"><div id="canvas0" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';background-color:'+slidebgcolor+';left:-'+slideshow_width+'"></div><div id="canvas1" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';background-color:'+slidebgcolor+';left:-'+slideshow_width+'"></div></div>')
    else
    document.write('<a href="javascript:rotatelink()"><img name="defaultslide" src="'+dropimages[0]+'" border=0></a>')

    var curpos=parseInt(slideshow_width)*(-1)
    var degree=10
    var curcanvas="canvas0"
    var curimageindex=linkindex=0
    var nextimageindex=1

    function movepic(){
    if (curpos<0){
    curpos=Math.min(curpos+degree,0)
    tempobj.style.left=curpos+"px"
    }
    else{

    clearInterval(dropslide)
    nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"
    tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
    var slideimage='<img src="'+dropimages[curimageindex]+'" border=0>'
    tempobj.innerHTML=(droplinks[curimageindex]!="")? '<a href="'+droplinks[curimageindex]+'" target="_blank">'+slideimage+'</a>' : slideimage
    nextimageindex=(nextimageindex<dropimages.length-1)? nextimageindex+1 : 0
    setTimeout("rotateimage()",pause)
    }
    }

    function rotateimage(){
    if (ie4||dom){
    resetit(curcanvas)
    var crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
    crossobj.style.zIndex++
    var temp='setInterval("movepic()",50)'
    dropslide=eval(temp)
    curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"
    }
    else
    document.images.defaultslide.src=dropimages[curimageindex]
    linkindex=curimageindex
    curimageindex=(curimageindex<dropimages.length-1)? curimageindex+1 : 0
    }

    function rotatelink(){
    if (droplinks[linkindex]!="")
    window.location=droplinks[linkindex]
    }

    function resetit(what){
    curpos=parseInt(slideshow_width)*(-1)
    var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)
    crossobj.style.left=curpos+"px"
    }

    function startit(){
    var crossobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
    crossobj.innerHTML='<a href="'+droplinks[curimageindex]+'"><img src="'+dropimages[curimageindex]+'" border=0></a>'
    rotateimage()
    }

    if (ie4||dom)
    window.onload=startit
    else
    setInterval("rotateimage()",pause)

    //-->
    </script>[/HTML]

    come faccio a controllare la grandezza delle immagini e se sono maggiori di un tot rimpicciolirle?
    grazie!!


  • Super User

    Ciao 🙂

    La richiesta formulata così è dispersiva, bisognerebbe testare lo script o esaminarlo pezzo pezzo per capire che cosa fa.

    Perchè non provi a specificare meglio? 🙂


  • User Attivo

    cosa?
    più di così non saprei cosa scrivere.


  • Super User

    Nel senso che non hai detto nemmeno di che si tratta e se già hai provato a fare qualcosa... 🙂

    Comunque secondo me sarebbe più comodo ridimensionarle con php.
    Cioè così: http://www.sastgroup.com/tutorials/ridurre-le-dimensioni-delle-immagini-con-le-librerie-grafiche-gd
    In questo modo il server passa già immagini adattate.


  • User Attivo

    non riesco ad usare quel metodo...