Carousel
TsgcHTMLComponent_Carousel — renderuje pokaz slajdów obrazów Bootstrap ze wskaźnikami, sterowaniem, autoodtwarzaniem i przejściami slide lub fade, w Delphi, C++ Builder i .NET.
TsgcHTMLComponent_Carousel — renderuje pokaz slajdów obrazów Bootstrap ze wskaźnikami, sterowaniem, autoodtwarzaniem i przejściami slide lub fade, w Delphi, C++ Builder i .NET.
Pokaz slajdów obrazów zbudowany na elemencie carousel Bootstrap. Dodaj slajdy z obrazem, podpisem i opisem, ustaw autoodtwarzanie i przejście, a następnie odczytaj właściwość HTML.
TsgcHTMLComponent_Carousel
Znaczniki carousel Bootstrap 5
Delphi, C++ Builder, .NET
Dodaj slajdy za pomocą AddSlide(image, caption, description), ustaw Autoplay, Interval i Transition, a następnie odczytaj HTML.
uses
sgcHTML_Component_Carousel;
var
oCar: TsgcHTMLComponent_Carousel;
begin
oCar := TsgcHTMLComponent_Carousel.Create(nil);
try
oCar.ShowIndicators := True;
oCar.ShowControls := True;
oCar.Autoplay := True;
oCar.Interval := 4000;
oCar.Transition := ctFade;
oCar.Height := '420px';
oCar.AddSlide('/img/one.jpg', 'First', 'Welcome aboard');
oCar.AddSlide('/img/two.jpg', 'Second', 'Discover more');
WebModule.Response := oCar.HTML; // Bootstrap carousel
finally
oCar.Free;
end;
end;// includes: sgcHTML_Component_Carousel.hpp
TsgcHTMLComponent_Carousel *oCar = new TsgcHTMLComponent_Carousel(NULL);
try
{
oCar->ShowIndicators = true;
oCar->ShowControls = true;
oCar->Autoplay = true;
oCar->Interval = 4000;
oCar->Transition = ctFade;
oCar->Height = "420px";
oCar->AddSlide("/img/one.jpg", "First", "Welcome aboard");
oCar->AddSlide("/img/two.jpg", "Second", "Discover more");
String html = oCar->HTML; // Bootstrap carousel
}
__finally
{
delete oCar;
}using esegece.sgcWebSockets;
var car = new TsgcHTMLComponent_Carousel();
car.ShowIndicators = true;
car.ShowControls = true;
car.Autoplay = true;
car.Interval = 4000;
car.Transition = TsgcHTMLCarouselTransition.ctFade;
car.Height = "420px";
car.AddSlide("/img/one.jpg", "First", "Welcome aboard");
car.AddSlide("/img/two.jpg", "Second", "Discover more");
string html = car.HTML; // Bootstrap carouselSkładniki, po które sięgasz najczęściej.
AddSlide(aImageSrc, aCaption, aDescription) dołącza slajd; Items (TsgcHTMLCarouselItems) udostępnia ImageSrc, Caption, Description i Active dla każdego slajdu.
ShowIndicators rysuje wskaźniki w postaci kropek, a ShowControls rysuje strzałki poprzedni/następny.
Autoplay automatycznie przewija slajdy, a Interval ustawia opóźnienie między nimi w milisekundach.
Transition (TsgcHTMLCarouselTransition) przełącza między ctSlide a ctFade; Dark używa ciemnego wariantu sterowania.
Height ustala wysokość slajdu z przycinaniem typu cover-fit; CarouselID ustawia identyfikator kontenera.
HTML zwraca pełne znaczniki carousel — udostępnij je lub przypisz do treści strony szablonu.