快速实现自动播放

时间:2020-06-29 21:58:28

标签: bigcartel flickity

我目前有一个大型的卡特尔网站,具有“追踪”主题。它有弹性 主页上的轮播。 我希望它可以像幻灯片一样自动播放

我对Web开发了解不多,因此我拥有大型卡特尔网站的原因。我已经做了一些奇怪的事情来改变一些小事情。对于知道该怎么办的人来说,这似乎是一个简单的解决方案,我什至都不知道将代码放在哪里。有人认为他们可以指导盲人吗?

我发现了轻巧的.CSS,一切看起来都很不错...我喜欢它的样式。

这是flickity网站上自动播放页面上的代码:

<!-- Flickity HTML init -->
  <div class="carousel" data-flickity='{ "autoPlay": true }'>
<div class="carousel-cell"></div>
<div class="carousel-cell"></div>
<div class="carousel-cell"></div>
<div class="carousel-cell"></div>
<div class="carousel-cell"></div>
</div>

这是您需要的JS。 // external js: flickity.pkgd.js

在flickity网站上也有一些CSS,但我认为不需要,因为我对网站的轮播样式感到满意。我可以在我的网站上查看浮动CSS。

www.jadedseas.co.nz查看当前幻灯片。

1 个答案:

答案 0 :(得分:0)

您好,乔安妮(Joanne)查看您的网站和已发布的代码,必须将SELECT "Print" AS Print, "Make Payment" AS MakePayment, tblBookingPayments.BookingPaymentID, tblBookings.GuestID_FK, tblBookingPayments.Discount, CCur(DSum("[Amount]","qryCostsPaymentsUnion", "[BookingID]=" & [BookingID] & " AND [Item]<>'" & "Payment" & "'")-([Discount])) AS TotalCost, CCur(DSum("[Amount]","qryCostsPaymentsUnion", "[BookingID]=" & [BookingID] & " AND [Item]='" & "Payment" & "'")) AS TotalPaid, CCur([TotalPaid]-[TotalCost]) AS Balance, tblBookings.BookingID, tblBookingPayments.EmployeeID, tblBookingDetails.CheckInDate, tblBookingDetails.CheckOutDate FROM (tblBookings INNER JOIN tblBookingDetails ON tblBookings.BookingID = tblBookingDetails.BookingID_FK) INNER JOIN tblBookingPayments ON tblBookings.BookingID = tblBookingPayments.BookingID_FK; 添加到要自动播放的轮播中。

因此,进入您的网站,您需要将其添加到主轮播中:

 data-flickity='{ "autoPlay": true }'