Carousel
TsgcHTMLComponent_Carousel — genera una presentazione di immagini Bootstrap con indicatori, controlli, riproduzione automatica e transizioni a scorrimento o dissolvenza, in Delphi, C++ Builder e .NET.
TsgcHTMLComponent_Carousel — genera una presentazione di immagini Bootstrap con indicatori, controlli, riproduzione automatica e transizioni a scorrimento o dissolvenza, in Delphi, C++ Builder e .NET.
Una presentazione di immagini basata sul carousel di Bootstrap. Aggiungi le slide con un'immagine, una didascalia e una descrizione, imposta la riproduzione automatica e la transizione, poi leggi la proprietà HTML.
TsgcHTMLComponent_Carousel
Markup carousel di Bootstrap 5
Delphi, C++ Builder, .NET
Inserisci le slide con AddSlide(image, caption, description), imposta Autoplay, Interval e Transition, poi leggi 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 carouselI membri che usi più spesso.
AddSlide(aImageSrc, aCaption, aDescription) aggiunge una slide; Items (TsgcHTMLCarouselItems) espone ImageSrc, Caption, Description e Active per ogni slide.
ShowIndicators disegna gli indicatori a pallini e ShowControls disegna le frecce avanti/indietro.
Autoplay scorre le slide automaticamente e Interval imposta il ritardo tra una e l'altra in millisecondi.
Transition (TsgcHTMLCarouselTransition) alterna tra ctSlide e ctFade; Dark usa la variante di controlli scura.
Height fissa l'altezza della slide con ritaglio a copertura; CarouselID imposta l'id del contenitore.
HTML restituisce l'intero markup carousel — servilo, oppure assegnalo al contenuto del corpo di un template di pagina.