Jump to content
php.lv forumi

Background jautājums


m8t

Recommended Posts

Tātad, jautājums tāds: kā lai izveido sistēmu, kas mainītu body background izmēru. Manas bg bildes pašreizējais size ir 1900x1200. Protams tik liela bilde neietilpst webbrowserī. Ko darīt lai viņa tiktu samazināta pietiekoši, lai ietipltu?

 

Pašreizējais kods:

 

<body style="background:url('images/116.jpg') no-repeat;">

Edited by m8t
Link to comment
Share on other sites

Nebiju gluži domājis to tā. Ideja tāda - lietotāji var mainīt lapas background. Reāli tikai daži lietotāji no 1,000 arī nomainītu attēla izmēru pirms saglabātu savu bg bildi. Tādēļ arī vēlos izveidot sistēmu, kas automātiski nomaina lapas bg izmērus.

Link to comment
Share on other sites

php ir pietikami daudz iespeeju samazinaat bildi peec upload. Tikai jaanjem veeraa max upload lielums, kā arī lielas bildes resize var savākt pārāk daudz rama un izmantojamais izmērs var būt iekš konfiga jāpalielina. Uzreiz vajag noteikt max svaru un izmērus WxH.

Link to comment
Share on other sites

briedis: Nu jau sarunas iet uz PHP pusi. Biju domājis ka varēšu šo izveidot ar JS vai CSS, bet nu labi. Kā lai nokopēju bildi lokāli un izmainu tās izmēru no URL?

 

Ar js un css tu nevari ietekmēt faila izmēru. Ko darīsi, ja kāds asprātis domās uzlikt fonā 3 MB bildīti? Tas nekas, ka ar js tu viņu varētu samazināt uz 100x100 pikseļiem, bet viņa tāpat svērs tos 3 MB, kur reāli 100 pikseļu lielai bildītei izmērs būtu pāris KB.

 

Visādus css js hackus vari meklēt pats gūglē: background image size

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...