Carousel
TsgcHTMLComponent_Carousel — Delphi, C++ Builder ve .NET'te göstergeler, denetimler, otomatik oynatma ve kaydırma ya da solma geçişleri içeren bir Bootstrap görüntü slayt gösterisi işleyin.
TsgcHTMLComponent_Carousel — Delphi, C++ Builder ve .NET'te göstergeler, denetimler, otomatik oynatma ve kaydırma ya da solma geçişleri içeren bir Bootstrap görüntü slayt gösterisi işleyin.
Bootstrap carousel üzerine kurulu bir görüntü slayt gösterisi. Bir görüntü, başlık ve açıklama içeren slaytlar ekleyin, otomatik oynatma ve geçişi ayarlayın, ardından HTML özelliğini okuyun.
TsgcHTMLComponent_Carousel
Bootstrap 5 carousel işaretlemesi
Delphi, C++ Builder, .NET
AddSlide(image, caption, description) ile slaytlar ekleyin, Autoplay, Interval ve Transition'ı ayarlayın, ardından HTML'i okuyun.
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 carouselEn sık başvurduğunuz üyeler.
AddSlide(aImageSrc, aCaption, aDescription) bir slayt ekler; Items (TsgcHTMLCarouselItems), slayt başına ImageSrc, Caption, Description ve Active'i sunar.
ShowIndicators nokta göstergelerini çizer ve ShowControls önceki/sonraki oklarını çizer.
Autoplay slaytları otomatik olarak döndürür ve Interval aralarındaki gecikmeyi milisaniye cinsinden ayarlar.
Transition (TsgcHTMLCarouselTransition), ctSlide ve ctFade arasında geçiş yapar; Dark koyu denetim çeşidini kullanır.
Height, kapsama uyumlu kırpmayla slayt yüksekliğini sabitler; CarouselID kapsayıcı kimliğini ayarlar.
HTML, tam carousel işaretlemesini döndürür — sunun ya da bir sayfa şablonunun gövde içeriğine atayın.