image resize code

Status
Niet open voor verdere reacties.

regitbull

Gebruiker
Lid geworden
16 nov 2007
Berichten
25
hallo,

ik heb zojuist deze code van een javascripts site gehaald:

[JS]<script language="javascript">

var delay=1000 //set delay in miliseconds
var curindex=0

var randomimages=new Array()

randomimages[0]="1.jpg"
randomimages[1]="5.jpg"
randomimages[2]="2.jpg"
randomimages[3]="4.jpg"
randomimages[4]="3.jpg"
randomimages[5]="6.jpg"

var preload=new Array()

for (n=0;n<randomimages.length;n++)
{
preload[n]=new Image()
preload[n].src=randomimages[n]
}

document.write('<img name="defaultimage" src="'+randomimages[Math.floor(Math.random()*(randomimages.length))]+'">')

function rotateimage()
{

if (curindex==(tempindex=Math.floor(Math.random()*(randomimages.length)))){
curindex=curindex==0? 1 : curindex-1
}
else
curindex=tempindex

document.images.defaultimage.src=randomimages[curindex]
}

setInterval("rotateimage()",delay)

</script>
[/JS]


nu werkt alles perfect en dat is geen probleem alleen zou ik graag een image resize code willen toevoegen dat de plaatjes maar voor 70 of 80% worden weer gegeven.
ik kan natuurlijk ook de plaatjes kleiner maken maar doordat ik steeds andere plaatjes ga gebruiken wordt dit te veel werk.

Weet er iemand misschien wat ik toe kan voegen aan de code zodat images maar voor 80% worden weer gegeven?

Alvast bedankt voor de hulp.
 
dat doe je dan in je <img> tag:
[JS]document.write('<img style='height: ..%; width: ..px;' name="defaultimage" src="'+randomimages[Math.floor(Math.random()*(randomimages.length))]+'">')[/JS]of via de img height/width ipv. style.



Overgens je script wat netter:[js]
var delay = 1000; //set delay in miliseconds
var curindex = 0;
var preload = [];
var randomimages = [
"1.jpg",
"5.jpg",
"2.jpg",
"4.jpg",
"3.jpg",
"6.jpg"
];

var n, r, l = randomimages.length;

for(n=0; n<l; n++)
{
preload[n] = new Image();
preload[n].src = randomimages[n];
}

r = randomimages[ Math.floor(Math.random() * randomimages.length) ];

document.write('<img id="defaultimage" src="' + r + '">')



setInterval(function()
{
var tempIndex = Math.floor( Math.random() * randomimages.length );

if(curIndex == tempIndex)
{
curIndex = (tempIndex == 0) ? (curIndex+1) : (curIndex-1);
}else{
curIndex = tempIndex;
}

document.getElementById('defaultimage').src = randomimages[curIndex];
},delay);
[/js]

:thumb:
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan