Carousel
TsgcHTMLComponent_Carousel — renderiza un pase de diapositivas de imágenes de Bootstrap con indicadores, controles, reproducción automática y transiciones de deslizamiento o fundido, en Delphi, C++ Builder y .NET.
TsgcHTMLComponent_Carousel — renderiza un pase de diapositivas de imágenes de Bootstrap con indicadores, controles, reproducción automática y transiciones de deslizamiento o fundido, en Delphi, C++ Builder y .NET.
Un pase de diapositivas de imágenes construido sobre el carousel de Bootstrap. Añade diapositivas con una imagen, título y descripción, configura la reproducción automática y la transición, y luego lee la propiedad HTML.
TsgcHTMLComponent_Carousel
Marcado carousel de Bootstrap 5
Delphi, C++ Builder, .NET
Añade diapositivas con AddSlide(image, caption, description), configura Autoplay, Interval y Transition, y luego lee 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 carouselLos miembros que más vas a usar.
AddSlide(aImageSrc, aCaption, aDescription) añade una diapositiva; Items (TsgcHTMLCarouselItems) expone ImageSrc, Caption, Description y Active por diapositiva.
ShowIndicators dibuja los indicadores de puntos y ShowControls dibuja las flechas anterior/siguiente.
Autoplay cicla las diapositivas automáticamente e Interval establece el retardo entre ellas en milisegundos.
Transition (TsgcHTMLCarouselTransition) alterna entre ctSlide y ctFade; Dark usa la variante de controles oscura.
Height fija la altura de la diapositiva con recorte de ajuste por cobertura; CarouselID establece el id del contenedor.
HTML devuelve el marcado completo del carousel — sírvelo, o asígnalo al contenido del cuerpo de una plantilla de página.