Redimensionare Imagine

Aici postaţi orice este legat de tehnologiile "client side". HTML, HTML5, XHTML, CSS, CSS3, XML, Standarde
Manual JS: http://www.phpromania.net/jsmanual/index.html

Moderatori: eyecon, Moderatori

Cata.
Average Member
Mesaje: 199
Membru din: Lun Oct 11, 2004 7:31 pm

Redimensionare Imagine

Mesajde Cata. » Joi Mar 03, 2011 6:55 pm

Am si eu o problema cu un slider de imagini.
De exemplu daca pun dimensiunea sliderului 500 x 500 trebuie sa am imagini de aceeasi dimensiune, in caz contrar este afisata doar o parte din imagine.

Tagul html "width" nu functioneaza in situatia asta.

http://www.mobilamag.ro/nou/slider/

Rog ajutor!
Multumesc anticipat.



Cata.
Average Member
Mesaje: 199
Membru din: Lun Oct 11, 2004 7:31 pm

Mesajde Cata. » Vin Mar 04, 2011 2:07 pm

ofer 2$ - paypal, pentru cine ma ajuta!

withoutmyname
Average Member
Mesaje: 53
Membru din: Joi Mai 07, 2009 9:49 pm

Mesajde withoutmyname » Vin Mar 04, 2011 2:59 pm

Nu prea se intelege din ce ai postat tu care e problema m-am uitat la slideul respectiv si nu vad sa fie nimic in neregula ... te-am putea ajuta daca ai fi putin mai explicit.
P.S "width" nu e un tag HTML;

Cata.
Average Member
Mesaje: 199
Membru din: Lun Oct 11, 2004 7:31 pm

Mesajde Cata. » Vin Mar 04, 2011 3:54 pm

Problema e ca in slider imaginea nu apare intreaga!
Adica daca am o poza cu masina, apare doar oglinda, inloc sa apara toata masina!

iSeLast
Junior Member
Mesaje: 42
Membru din: Mar Mar 30, 2010 2:35 pm
Localitate: Rm. Valcea
Contact:

Mesajde iSeLast » Vin Mar 04, 2011 8:20 pm

redimensioneaza imaginea la dimensiunile de 500x500 ale sliderului, iar daca ai imagini dreptunghiulare le redimensionezi la 500x500 adaugandu-le margini

withoutmyname
Average Member
Mesaje: 53
Membru din: Joi Mai 07, 2009 9:49 pm

Mesajde withoutmyname » Sâm Mar 05, 2011 4:18 pm

Sa le redimensionezi manual ar fi cea mai bruta solutie (daca vrei sa faci asa sunt pe net softuri free cu ajutorul carora poti da resize/crop la mai multe imagini deodata sa nu stai sa te chinui cu fiecare in parte). Insa ai putea creea o functie js care sa sa iti redimensioneze imaginile la o marimea minima in asa fel incat sa nu se modifice nici formatul si nici sa nu fie mai mica decat marimea slideului (asta in cazul in care ai imagini dreptunghiulare).Aceasta ar fi functia:

Cod: Selectaţi tot

function resize(obj, max) {
  var elem = document.getElementById(obj);
  if (elem.width < elem.height) {
    if (elem.width > max) elem.width = max;
  } else {
    if (elem.height > max) elem.height = max;
  }
}
, iar apelul il faci cu un eveniment onLoad (ex:onLoad = "resize(this.id,500)"),in tagul imagini care vrei sa o redimensionezi;


Înapoi la “HTML/JavaScript/CSS”

Cine este conectat

Utilizatori ce ce navighează pe acest forum: Niciun utilizator înregistrat și 32 vizitatori