Skip Navigation View Sitemap

CMS4 > Изображение

Елемент "Изображение"

Елементът "Изображение" се използва за вмъкване на изображения в уеб страниците. Той ни позволява да вмъкнем графично съдържание като фотографии, илюстрации, лога и други визуални елементи в нашата уеб страница. Намиряа се от лявата страна в панела с основните елементи и изглежда по този начин: 

След като придърпаме елемента в даден контейнер, където искаме да го позиционираме той изглежда по следният начин:

Имаме няколко варианта за качване на снимка:

  • Чрез приплъзване на снимка от вашият компютър
  • Чрез кликане върху елемента, след което трябва да изберете желаният файл
  • Чрез избор на вече качена снимка от медийната библиотека

След като си качим изображението, можем да достъпим допълнителните настойки от следното меню:

След като кликнем върху иконката "настройки" в дясната част на екрана се отваря следният процорец:

Чрез бутона "Изрежи всички размери" можем да променим как да се показва снимката в нашата уеб страница. Другите два бутона служат за завърнате на оригиналното изображение наляво или надясно. След като го кликнем "Изрежи всички размери"  се отваря редактора, чрез който можем да редактираме снимката. 

Нека разгледаме и следващото подменю "Атрибути на изображението".

Действие на снимката, чрез тази настройка можем да изберем какво действие да се случва при кликане върху снимката. Имаме три опции:

  • Връзка - можем да поставим линк към външна страница или към някоя от съществуващите в сайтът ни. Това става  чрез опциите от менюто "цел на връзката".
  • Лайтбокс - снимката се отваря, центрирана и уголемена.
  • Нито един - при кликане върху снимката, не се изпълнява никакво действие.

Клас за етикет. Атрибутът на класа може да се използва за присвояване на конкретни стойности на елемента, което влияе на неговото показване и интеграция в уеб страницата. В повечете случаи тези класове се добавят от уеб разработчика. 

Алтернативно заглавие. С този атрибут задаваме заглавие на снимката. То трябва да е пряко свързано с това, какво изобразява самата снимка. Правилното използване на алтернативното заглавие помага за по-добра достъпност, SEO оптимизация и за по-добър потребителски опит на уебсайта.

Поведение на връзката. Чрез тези настройки можем да изберем как да реагира снимката, при кликане върху нея. Имаме няколко опции:

  • Отвори на същата страница
  • Отвори в нов прозорец
  • Отвори в родителския фрейм
  • Отвори в пълен прозорец

И последната настройка е "деактивиране на отложеното зареждане". Отложеното зареждане е техника, при която се забавя зареждането на съдържание (като изображения или видео), докато потребителят докосне или приближи до това съдържание. Това помага за ускоряване на зареждането на уеб страниците, като се пестят ресурси и се подобрява потребителското изживяване. Вместо да се зареждат всички елементи на страницата едновременно, отложеното зареждане позволява зареждането само на тези елементи, които са видими или близо до зоната на преглед.

Back to top