Image
TsgcHTMLComponent_Image — erzeuge ein Bootstrap-Bild mit Form, responsiver Größe, Lazy Loading sowie optionaler Lightbox und Beschriftung, in Delphi, C++ Builder und .NET.
TsgcHTMLComponent_Image — erzeuge ein Bootstrap-Bild mit Form, responsiver Größe, Lazy Loading sowie optionaler Lightbox und Beschriftung, in Delphi, C++ Builder und .NET.
Ein Bildelement im Bootstrap-Stil. Lege Quelle und Alt-Text fest, wähle eine Form, schalte responsive Darstellung und Lazy Loading ein und lies dann die Eigenschaft HTML aus.
TsgcHTMLComponent_Image
Bootstrap 5 Bild-Markup
Delphi, C++ Builder, .NET
Weise Src und Alt zu, wähle eine Shape, schalte Responsive, LazyLoad und Lightbox ein und lies dann HTML aus — oder nutze den statischen Einzeiler-Helfer Build.
uses
sgcHTML_Enums, sgcHTML_Component_Image;
var
oImg: TsgcHTMLComponent_Image;
begin
oImg := TsgcHTMLComponent_Image.Create(nil);
try
oImg.Src := '/img/team.jpg';
oImg.Alt := 'Our team';
oImg.Shape := isRounded;
oImg.Responsive := True;
oImg.Lightbox := True;
oImg.Caption := 'The team at work';
WebModule.Response := oImg.HTML; // <img> markup
finally
oImg.Free;
end;
end;
// Or in a single line with the static helper:
Result := TsgcHTMLComponent_Image.Build('/img/team.jpg', 'Our team',
isRounded, True);// includes: sgcHTML_Enums.hpp, sgcHTML_Component_Image.hpp
TsgcHTMLComponent_Image *oImg = new TsgcHTMLComponent_Image(NULL);
try
{
oImg->Src = "/img/team.jpg";
oImg->Alt = "Our team";
oImg->Shape = isRounded;
oImg->Responsive = true;
oImg->Lightbox = true;
oImg->Caption = "The team at work";
String html = oImg->HTML; // <img> markup
}
__finally
{
delete oImg;
}
// Or in a single line with the static helper:
String html = TsgcHTMLComponent_Image::Build("/img/team.jpg", "Our team",
isRounded, true);using esegece.sgcWebSockets;
var img = new TsgcHTMLComponent_Image();
img.Src = "/img/team.jpg";
img.Alt = "Our team";
img.Shape = TsgcHTMLImageShape.isRounded;
img.Responsive = true;
img.Lightbox = true;
img.Caption = "The team at work";
string html = img.HTML; // <img> markup
// Or in a single line with the static helper:
string oneLine = TsgcHTMLComponent_Image.Build("/img/team.jpg", "Our team",
TsgcHTMLImageShape.isRounded, true);Die am häufigsten verwendeten Member.
Src legt die Bild-URL fest und Alt den barrierefreien Alternativtext.
Shape (TsgcHTMLImageShape: isRounded, isCircle, isThumbnail) gestaltet Ecken und Rahmen.
Responsive wendet img-fluid an, damit das Bild auf seinen Container skaliert; Width und Height setzen feste Abmessungen.
LazyLoad ergänzt loading="lazy", damit Bilder außerhalb des Sichtbereichs erst bei Bedarf geladen werden.
Lightbox umschließt das Bild mit einem Link auf die Quelle in voller Größe; Caption umschließt es mit einer figure mit Beschriftung; ImageID legt die DOM-ID fest.
Build(aSrc, aAlt, aShape, aResponsive) liefert das Bild-HTML in einem einzigen statischen Aufruf.
| Alle sgcHTML-KomponentenDurchsuche die vollständige Funktionsmatrix von über 60 Komponenten. | Öffnen | |
| Kostenlose Testversion herunterladenDie 30-Tage-Testversion enthält die 60.HTML-Demoprojekte. | Öffnen | |
| PreiseSingle-, Team- und Site-Lizenzen mit vollständigem Quellcode. | Öffnen |