Automātiksi samazināt lielās bildes

[shurix]

Kā iespējams pie lapas ielādes automātiski samazināt lielās bildes? Līdzīgi kā šeit forumā

[foxsk8]

Nu vari lietot css piemēram

 

img {

width:80%

}

 

Vai arī norādīt bildes backgound url un tad to samazināt, kā arī noteikt pozīciju, var vēl izmantot javascript.

[2easy]

ja vajag tikai "pie lapas ielādes automātiski", tad vnk uzliec tagam atribūtus width vai height (var arī css)

 

tu taču pats vari apskatīties source kaut vai savam postam un paexperimentēt

 

vispār priekš tādām lietām iesaku uzinstalēt Firebug add-on. tad jebkurā sev interesējošā lapā varēsi viegli daudz ko uzzināt par jebkuru elementu (css un dom īpašības), uzklikšķinot tam ar peles labo pogu un izvēloties "Inspect Element"

 

piemēram, tavai bildei šajā forumā html ir

<img class="bbc_img resized" height="104" width="712" alt="Posted Image" src="http://bildites.lv/images/eqkca5ctayei35r6p8b.jpg" style="cursor: pointer;" origwidth="1485" origheight="217" shrunk="1" newwidth="712" newheight="104" handled="1"/>

kur ar fiksētām dimensijām height="104" width="712" jau pietiek, lai browseris pats "pie lapas ielādes automātiski" resaizotu tavu bildi

 

pēc klikšķa tiek izsaukta foruma funkcija ipb.global.enlargeImage(), kas nomaina dimensijas (iekš css)

element.style {
 cursor:pointer;
 height:217px;
 width:1485px;
}

element.style {
   cursor:pointer;
   height:104px;
   width:712px;
}

thats it

[shurix]

Palielināt vēl mācētu, bet kā noteikti vai bilde ir parak liela un samazinat vinju? Es nevaru katrai bildei pierakstīt klāt fiksētu dimensiju, jo tās bildes posto useri tapat ka šeit.

[indoom]

2easy, tā nav. Bildes oriģināls ir

<img src='http://bildites.lv/images/eqkca5ctayei35r6p8b.jpg' alt='Posted Image' class='bbc_img' />

 

Tie pārējie atribūti tiek pielikti onload ar JS. Un firebug tad rāda tādu.

 

Bildei izmēru nosaka ar img.width un img.height