- Home
- Categorie
- Coding e Sistemistica
- Javascript & Framework
- [Javascript]box immagini
-
[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.getElementByIdif (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=1function 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!!
-
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?
-
cosa?
più di così non saprei cosa scrivere.
-
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.
-
non riesco ad usare quel metodo...