Optimálne využitie obrázkov vyžaduje premenu výšky a šírky originálu na správne vloženie do konštrukcie lokality. Zvyčajne je obraz zadaný návštevníkom, správcom online obchodu, zamestnancom spoločnosti atď. Zavedenie informácií a obrázkov je určené účelom webového zdroja. Vo všetkých prípadoch je potrebné upraviť skutočný obrázok na miesto, ktoré mu bolo pridelené na stránke webového zdroja.
HTML tag pre zobrazenie výkresov
Označenie img sa používa na zobrazenie obrázka v prehliadači. Vývojár určuje v tejto značke rozmery HTML obrázka, šírku rámca a skutočnú adresu súboru obsahujúceho výkres. Značka img nemá žiadny spôsob určovania polohy. Môžete určiť iba skutočnú zmenu veľkosti alebo veľkosti.
V tomto príklade je skutočný obrázok zobrazený v skutočnej veľkosti na umiestnení značky img, 50% zníženie výšky a šírky a skreslená verzia, keď sa výmena zmenila. Praktický spôsob zmeny veľkosti obrázka v jazyku HTML, ako aj jeho skutočná pozícia poukazujú na použitie CSS.
Tu tag img obsahuje indikaciu zdroja obrazu a jeho rozmery a poloha sú popísané v súbore šablón štýlov CSS. Treba poznamenať, že ako v prípade img, veľkosť veľkosti štýlu je úmerná veľkosti obrazu.
Miesto výpočtu veľkostí obrázkov
Existujú dve možnosti, ako aj miesto, kde môžete vykonať konverziu výšky a šírky obrazu. Variant servera (napríklad PHP) je statický,Varianta prehliadača (javascript) je rysom dynamiky.
Používanie serverového jazyka sa vyskytuje pri spracovávaní veľkých objemov údajov a je orientované na tvorbu databáz, napríklad rozsah tovarov v internetovom obchode.
Sťahovaním výkresov tovaru do obchodu sa manažér nemusí starať o to, ako bude tento alebo tento produkt vyzerať. Vývojár webového zdroja (online obchod) môže vyvinúť algoritmus na automatické určenie požadovanej veľkosti pre akýkoľvek produkt: chladnička a klobúk na plávanie sa zobrazia v rovnakej kvalite. Funkcie javascriptu sa zvyčajne nepoužívajú na konverziu výšky a šírky obrazu, ale na zvýšenie komfortu návštevníka. Napríklad vývojár môže prideliť udalosti značke obsahujúcej obrázok produktu a posunutím myši nad ním sa zobrazí produkt vo väčšej forme. Stiahnutie obrázka sa tu nevyžaduje, ale ak bol použitý malý obrázok, zväčšenie obrazu rozostrí obrysy.
Prax používania jazyka javascript na zmenu veľkosti obrázka v HTML je populárna. Zvlášť dôležité je nielen zväčšiť obraz, ale aj zobraziť jeho časti v samostatnom okne (tag). Na tento účel sa zvyčajne používajú dva obrazy toho istého výrobku: jeden je hlavný, druhý je detailný.
Ďalšie možnosti reprezentovania obrázkov
Pri každodennej praxi sa požaduje priame img img použitie, nie však obrázky v kontexte: tovar v obchode, fotografia zamestnanca na hárku odúčtovníctvo pracovníkov, proces návrhu obrazovky, odkaz na prezentáciu alebo portfólio. V ideálnom prípade použite značku img pre malé kresby - ikony. Toto je pohodlné, praktické a nevyžaduje použitie CSS na popis tejto značky. Je vhodnejšie použiť HTML a veľkosť obrázkov div alebo span.
V tomto príklade značka div id scLine obsahuje obrázok, ktorý je umiestnený pomocou CSS. Veľkosti obrázkov HTML sa nastavujú podľa pravidiel CSS. Vo vnútri tohto zázraku je značka img, ktorá môže byť tiež ľahko umiestnená a môže byť tiež nastavená na požadovanú veľkosť. Hlavná vlastnosť tohto riešenia - značky div div a veľkosť obrázka pozadia môžu tvoriť pomocný dizajn pre img. Štýl img popisu môže zostať nezmenený, ale štýl externej značky sa môže zmeniť. Vývojár môže formulovať mnoho zaujímavých riešení a vytvoriť pohodlné zobrazenie grafických informácií.
Použitie CMS a manuálny vývoj
Stačí použiť HTML. Veľkosť obrazu, jeho poloha a priehľadnosť sa ľahko mení. Stačí pripojiť obslužný program javascript k udalosti a dať image dynamiku. Pri používaní systémov správy stránok sa niektoré príležitosti ťažko používajú. Každá CMS "považuje za svoju povinnosť" ukladať svoju doktrínu o zobrazení obrázkov a ich dynamike, keď ich návštevník pozerá na stránku.
Avšak každá CMS dáva vývojárovi možnosť doplniť PHP kód aj funkciu javascript. Túto funkciu môžete použiť na to, aby vaša lokalita poskytla jedinečnú viditeľnosť na pozadíprodukty vykonávané na podobných CMS. Osoba zdroja webových stránok je vždy dôležitá, najmä ak nie je vykonaná v manuálnom vývoji (ktorý je vždy jedinečný), ale na základe známeho systému správy stránok.
