React Swiper - 在单击相邻幻灯片时将相邻幻灯片设为活动幻灯片

时间:2021-05-05 08:56:43

标签: reactjs swiper swiper.js react-swiper

我在我的项目中使用了 react Swiper。我只需要显示两张带有封面流效果和 30 度旋转的幻灯片,如下所示。但它始终只显示一侧作为活动幻灯片。我想在单击特定幻灯片的同时制作与活动幻灯片相邻的幻灯片。

structure(list(geo = c("AL", "AL", "AL", "AL", "AL", "AL", "AL", 
"AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", 
"AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", 
"AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", 
"AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", "AL", 
"AL", "AL"), Time = c("2000W01", "2000W02", "2000W03", "2000W04", 
"2000W05", "2000W06", "2000W07", "2000W08", "2000W09", "2000W10", 
"2000W11", "2000W12", "2000W13", "2000W14", "2000W15", "2000W16", 
"2000W17", "2000W18", "2000W19", "2000W20", "2000W21", "2000W22", 
"2000W23", "2000W24", "2000W25", "2000W26", "2000W27", "2000W28", 
"2000W29", "2000W30", "2000W31", "2000W32", "2000W33", "2000W34", 
"2000W35", "2000W36", "2000W37", "2000W38", "2000W39", "2000W40", 
"2000W41", "2000W42", "2000W43", "2000W44", "2000W45", "2000W46", 
"2000W47", "2000W48", "2000W49", "2000W50", "2000W51", "2000W52", 
"2001W01"), winter = c(1L, 1L, 1L, 1L, 1L, 1L, 1L, 0L, 0L, 0L, 
0L, 0L, 0L, 0L, 0L, 0L, 0L, 0L, 0L, 0L, 0L, 0L, 0L, 0L, 0L, 0L, 
0L, 0L, 0L, 0L, 0L, 0L, 0L, 0L, 0L, 0L, 0L, 0L, 0L, 0L, 0L, 0L, 
0L, 0L, 0L, 0L, 0L, 0L, 1L, 1L, 1L, 1L, 1L), spring = c(0L, 0L, 
0L, 0L, 0L, 0L, 0L, 0L, 0L, 0L, 1L, 1L, 1L, 1L, 1L, 1L, 1L, 1L, 
1L, 1L, 1L, 1L, 0L, 0L, 0L, 0L, 0L, 0L, 0L, 0L, 0L, 0L, 0L, 0L, 
0L, 0L, 0L, 0L, 0L, 0L, 0L, 0L, 0L, 0L, 0L, 0L, 0L, 0L, 0L, 0L, 
0L, 0L, 0L), summer = c(0L, 0L, 0L, 0L, 0L, 0L, 0L, 0L, 0L, 0L, 
0L, 0L, 0L, 0L, 0L, 0L, 0L, 0L, 0L, 0L, 0L, 0L, 1L, 1L, 1L, 1L, 
1L, 1L, 1L, 1L, 1L, 1L, 1L, 1L, 0L, 0L, 0L, 0L, 0L, 0L, 0L, 0L, 
0L, 0L, 0L, 0L, 0L, 0L, 0L, 0L, 0L, 0L, 0L), autumn = c(0L, 0L, 
0L, 0L, 0L, 0L, 0L, 0L, 0L, 0L, 0L, 0L, 0L, 0L, 0L, 0L, 0L, 0L, 
0L, 0L, 0L, 0L, 0L, 0L, 0L, 0L, 0L, 0L, 0L, 0L, 0L, 0L, 0L, 0L, 
0L, 1L, 1L, 1L, 1L, 1L, 1L, 1L, 1L, 1L, 1L, 1L, 1L, 0L, 0L, 0L, 
0L, 0L, 0L)), row.names = c(NA, -53L), class = c("tbl_df", "tbl", 
"data.frame"))

我想在单击“教育”幻灯片时将“教育”幻灯片设为活动幻灯片。有没有办法做到这一点?

enter image description here

0 个答案:

没有答案