8 svar · 235 visningar · startad av fundrusse
På en sida loopar jag ut en massa produkter med bild.. (Webbutik)
Och sidan är i 2 tabeller (222px bred)
Kan man med javascript se till så att bilder som är bredare än 222px blir förminskad till 222px och de som är mindre än 222 stannar i sitt utförande..
function reSize();
{
for (i in doucument.images)
{
if (document.images[i].width>222)
{
document.images[i].style.width=222
}
}
}
<body onload="reSize()">
Skall man namge alla bilderna till nått spciellt oxå?
Nej, det skall fungera ändå...document.images enger ett siffer id för en bild. dvs räkna igenom alla bilderna på sidan, det borde funka, jag har inte provat det....men annars så kan du ange alla som ligger i tabellen med typ id="img_x" där x är en siffra från 0-antalet bilder i tabellen.
Om den övre inte funkar prova detta:
function reSize();
{
for (i=0; i<document.images; i++)
{
if (document.images[i].width>222)
{
document.images[i].style.width=222
}
}
}
Nae det funkar inte så bra ändå.. "Error on page"
Men om jag sätter Img_x på produktbilderna.. är det bara dom som ändras då.. för allt annat skall ju vara som det är..
function reSize(){
for(var i=0; i<document.images[B].length[/B]; i++){
if(document.images[i].width>222)
document.images[i].width = 222;
}
};
:)
Får felmeddelande på:
for(var i=0; i<document.images.length){
Object expected
Så här ser en länk ut till bilden:
<img src="Images/204.jpg" name="img_0" border="0">
A fyfan va härligt.. funkar skitbra