Kur përmirësojmë imazhet, ne mund të zgjedhim ta bëjmë atë me Photoshop dhe pastaj ta montojmë atë në faqen e internetit ose mund të zgjedhim gjithashtu opsionin B: bëjeni atë me HTML, CSS dhe teknikat Javascript që janë në dispozicion.
Pas kërcimit, ka shumë teknika për të përmirësuar imazhet, pothuajse të gjitha ato të bëra me jQuery si bazë kryesore ose me CSS3 duke përfituar nga standardet më të fundit të internetit, megjithëse ju kujtoj se në atë rast humbasim pajtueshmërinë me disa shfletues.
Ata janë në anglisht, por ata janë kapur në fluturim, premtuar :)
Burimi | 1WD
Imazhi i rrumbullakosur CSS3 me jQuery
Mësoni të mbështillni një etiketë span rreth elementit të figurës për të arritur imazhe të rrumbullakosura të cilat do të shfaqen drejtë në të gjithë shfletuesit modernë.
2.
Sfondet dhe kufijtë e shumtë me CSS 2.1
Mësoni si të përdorni pseudo-elemente CSS 2.1 për të siguruar deri në 3 kanavacë sfondi, 2 imazhe prezantuese me madhësi fikse dhe kufij të shumtë kompleksë për një element të vetëm HTML.
3.
Këshillë e shpejtë: Kufij të shumëfishtë me CSS të thjeshtë
Transmetim i shpejtë i ekranit që ju tregon se si të arrini kufij të shumtë me CSS të thjeshtë në atë mënyrë duke shtuar më shumë thellësi në planet tuaja. Version shumë më i thjeshtë i tutorialit të mëparshëm.
4.
Kufij të shumëfishtë në elemente me madhësi dinamike me CSS2
Versioni i tretë i Nicholas Gallagher duke ju treguar se çfarë të bëni nëse nuk keni madhësinë e elementit.
5.
Argëtohuni me kufij - me teli, të shtypur, e më shumë!
Mësoni si të arrini një efekt të shtypur me CSS dhe disa truke të thjeshta të stilit të kufirit për të marrë efekte të ndryshme.
6.
Polaroide me CSS3
Mësoni se si të përdorni disa CSS2 dhe CSS3 të mrekullueshëm për të kthyer një listë ndryshe modest të imazheve në një grup të plotë të fotografive Polaroid.
7.
Imazh Sfondi i Plotë i Përsosur
Mësoni si të shtoni imazhin e sfondit me CSS që mbush tërë faqen me imazh, pa hapësirë të bardhë, shkallëzon imazhin sipas nevojës, nuk shkakton shirita lëvizës dhe shumë më tepër.
8.
Efektet e hijes dhe imazhit të kutisë CSS3
Eksploroni një mënyrë të re për të shtuar efektet e hijeve të rënies vetëm duke redaktuar një fletë stili.
9.
Efekt zbukurues i miniaturave të zbukuruara w / jQuery
Arritja e efektit të stilit të shkëlqyeshëm të flash-it me CSS dhe jQuery.
10.
Si të krijoni një efekt të thjeshtë të zhvendosjes së imazheve në CSS
Në këtë udhëzues do të mësoni se si të krijoni efekt të thjeshtë të rikthimit të imazhit CSS me stilin bazë HTML dhe CSS.
11.
lundrues
Floatutorial ju përcjell bazat e elementeve lundrues të tilla si imazhet, kapakët e rënies, butonat pas dhe mbrapa, galeritë e imazheve, listat inline dhe paraqitjet me shumë kolona. Shikoni 4 udhëzime mësimore kushtuar imazhit që lundron.
12.
Efektet Snazzy Hover Duke përdorur CSS
Në këtë manual, do të kaloni krijimin e teknikave fleksibile të avancuara të rri pezull duke përdorur vetitë CSS2.1.
13.
Rrotullime të shpejta pa
Ngarko paraprakisht
Kur përdorni përmbysjet e imazheve CSS, duhet të ngarkohen dy, tre ose më shumë imazhe (dhe shpesh të ngarkohen paraprakisht për rezultatet më të mira). Mësoni se si t'i vendosni të gjitha gjendjet në një imazh bën ndryshime dinamike më të shpejta dhe nuk kërkon parangarkim.
14.
Këndet e rrumbullakosura të jQuery
Shumë efekte të jQuery për qoshe të rrumbullakosura dhe shumë më tepër modele.
15.
Këshilla më e lehtë për veglat dhe pamjen paraprake të imazhit duke përdorur jQuery
Shihni 3 shembuj të përdorimit të skenarit të rishikimit të rishikimit të jQuery. Ky skenar i thjeshtë mund të zbatohet për një larmi qëllimesh.
16.
Supersized - Sfond i plotë në ekran /
Slideshow
Shtojca jQuery
Superzided është një shtojcë jQuery që ndryshon përmasat e imazheve për të mbushur shfletuesin duke ruajtur raportin e dimensionit të imazhit dhe ciklet e Imazheve / sfondeve përmes shfaqjes së diapozitivave me kalimet dhe para-ngarkimet.
17.
Mbivendosja PNG
A keni hasur ndonjëherë në problemin e krijimit të një faqe me fotografi të dhëna nga klienti, për të gjetur më vonë pasi të azhurnojnë fotografinë e tyre pamja dhe ndjesia origjinale nuk ruhet? Kjo zgjidhje përfshin krijimin e një mbivendosje transparente PNG e cila mund të përdoret si maskë / kornizë rreth JPEG ose GIF të rregullt. Në këtë mënyrë, një instalim tipik CMS mund të konfigurohet në mënyrë që përdoruesit të mund të ngarkojnë foto pa u shqetësuar për përdorimin e ndonjë programi grafik për të aplikuar filtra.
18.
BeZoom
Pesha e peshës
jQuery
Shtojca e zmadhimit
BeZoom është një alternativë e thjeshtë dhe e lehtë për JQZoom. Ershtë më e lehtë dhe është më e lehtë për t’u përdorur.
19.
Përdorimi i jQuery për Animacionet e Imazheve në Sfond
Luaj me jQuery dhe ndrysho pozicionin e imazhit të sfondit për të krijuar llojin e efektit që kërkon. Ekziston një artikull i ri që përgjigjet "Si mund t'i trajtoj gjendjet aktive?" - Trajtimi i gjendjes aktive për sfondet e animuara të jQuery.
20.
5 mënyra për të zbukuruar imazhet tuaja me CSS
Këtu janë disa truke të thjeshta për të shtuar aromë në imazhet tuaja tipike të buta. Përdorimi i Photoshop për stilimin e çdo imazhi mund të jetë i lodhshëm dhe i vështirë për tu ruajtur në planin afatgjatë. Këto teknika të mëposhtme të CSS do t'ju ndihmojnë të lehtësoni atë dhimbje.
21.
Si të:
ridimenzionohet
Historiku i sfondit
Mësoni si të konfiguroni imazhin e sfondit që mund të ndryshohet me CSS. Keni 3 mundësi për të zgjedhur.
22.
Stili Lidhjet tuaja Image
Lënia e përdoruesve në dijeni se një pjesë e veçantë e faqes sonë të internetit ka për qëllim të klikohet, arrihet më së miri përmes efektit mbi miun. Ato seksione "të klikueshme" sigurisht përfshijnë imazhe të përmbajtjes. Image Link është një skenar që ju lejon të aplikoni stilim shtesë në lidhjet tuaja të imazhit.
23.
Imazhe të shumta me sfond me CSS
Ndonjëherë, ka më shumë kuptim të përdorësh imazhe në sfond sesa t'i futësh ato direkt në faqe. Dhe ndërsa secili element - si etiketa juaj trupore - mund të mbajë vetëm një imazh sfondi, ato mund të zbatohen në disa elemente.
24.
Kufijtë e imazhit me CSS
Një tutorial me të vërtetë i lehtë që ju tregon se si të shtoni kufij të fortë për imazhet duke përdorur CSS.
25.
CSS Sprites pa përdorur imazhe në sfond
Mësoni se si të aplikoni efektin rri pezull pa shumë njohuri rreth CSS sprites.