Cum se creează efectul de rotunjire a colțurilor unei imagini utilizând javascript

Cel mai remarcabil lucru despre acest script este acela că efectele vizuale sunt create fără utilizarea programelor grafice, adică Imaginea nu trebuie procesată, de exemplu, în Photoshop.







Mai jos puteți vedea un exemplu de funcționare a unui script:

Înainte de aplicarea efectului

După aplicarea efectului

Cum se creează efectul de rotunjire a colțurilor unei imagini utilizând javascript

Cum se creează efectul de rotunjire a colțurilor unei imagini utilizând javascript

Smolensk. Catedrala Adormirea Maicii Domnului.

Pentru a descărca scriptul, descărcați arhiva. Arhiva conține fișierul script: glossy.js și sursa, în care puteți vedea cum se face acest lucru, dacă ceva nu este înțeles în această lecție.

Acum despre cum se conectează scriptul. Dezarhivați arhiva, puneți fișierul glossy.js în rădăcina site-ului sau în orice alt dosar, dar nu uitați să prescrieți calea corectă spre acesta. Apoi, atribuiți imaginii clasei lucioase. Codul pentru conectarea scriptului este afișat în listare 1.

Puteți regla raza colțurilor în imagini. Pentru a face acest lucru, trebuie să alocați imaginea unei alte clase: iradius. în care este indicată valoarea rotunjită a unghiurilor în cifre de la 20 la 50. Cum poate fi aceasta prescrisă practic? Vezi Listing 2. Valoarea implicită este 25.


Smolensk. Monumentul lui Alexander Tvardovsky și Vasily Terkin.

Asta-i totul. În exemple și în lista de coduri, am pornit de la faptul că toate fișierele (script-ul și imaginile) se află în dosarul rădăcină al site-ului. Dacă aveți aceste fișiere situate în altă parte, nu uitați să prescrieți calea corectă către ei.







Scriptul este ușor de instalat și funcționează în toate browserele obișnuite.

Citiți și alte materiale.

De ce majoritatea oamenilor nu reușesc?

Cum se face o bază de date pe un server local?

Cum de a crea un RSS feed de știri pe site?

Comandați crearea site-ului sau a blogului.

Distribuiți aceste informații prietenilor dvs.!

Care este rădăcina site-ului și directorul rădăcină în WordPress și cum să înregistrați calea la acesta? Și, în general, unde este?) Sper că veți răspunde.

Rădăcina site-ului sau altfel se spune că directorul rădăcină este dosarul în care sunt încărcate toate fișierele și folderele site-ului. În majoritatea cazurilor (aproape pe toate serverele) acest dosar este: public_html

Bună ziua. Prima dată când fac un site web. Fac acest lucru în programul de pe prima pagină. A încercat să introducă scriptul o singură dată și nu sa întâmplat nimic. Le importați, de fapt, în timpul dezvoltării site-ului în program sau numai după transferul site-ului la Internet? Vă rugăm să ajutați, și dacă nu este dificil pentru dvs., faceți o lecție pas cu pas despre cum să lucrați cu scripturile. Dacă puteți în imagini :)

Și unde să găsiți acest dosar? Nu există niciun site în zona administratorului. Unde este ea?

La rădăcina site-ului pus. Ce urmează? Nimic nu se întâmplă. Unde să inserați aceste înregistrări? În cazul în care "adăugați o imagine" codurile lor.

Un scenariu grozav. Am realizat același lucru prin editarea șablonului Joomla în Photoshop - totul este mult mai ușor.

Lecții HTML

CSS lecții

Articole

instrumente

Șabloane de site web

cărți

ornamentare

Site web de la A la Z

Câștigați bani online

Înșelăciune pe Internet

Protecția muncii

MARIURI MODULARE

PHP LECTII

Serviciile

script-uri

SEO

jQuery

Evaluarea specială a condițiilor de muncă (SOT) - AWP

Sisteme de plăți pe internet

LECTII DE FOTOSHOP

Secțiunea secretă

Cum se creează efectul de rotunjire a colțurilor unei imagini utilizând javascript

Cu noi facem un site web
chiar și un copil poate!
"Website de la A la Z"
Aflați mai multe >>>

Vrei să câștigi bani?
2 Urovnevaja
Program de afiliere!
Alăturați-vă acum.

Imagine modulară: luxul roșu de catifea

Modular Abstraction: Energia soarelui

Imagine modulară: Trandafiri albi

Imagine modulară: Cascadă

Imagine modulară: Orhideele

Inregistrare domeniu

OOO "PC" LuxStroy "

Dacă doriți
site-ul nostru, instalați
Linkul nostru. și
Primiți cadouri.







Trimiteți-le prietenilor: