r - Shiny R中图像的滑动效果
问题描述
是否可以在 R 中的闪亮应用程序上使用滑动效果覆盖两个图像。我一直在寻找一些实现,但还没有找到具体的解决方案。类似但不完全是我正在寻找的东西在这里
此选项是否以闪亮的方式实现。
通过滑动,我指的是:
解决方案
如果您可以自由使用img()
而不是render...()
函数,则可以简单地使用以下代码:
可复制版本:
只需克隆此存储库:https ://github.com/Timag/shiny.slider或devtools::install_github("Timag/shiny.slider")
运行 app.R
.
# runApp(".../shiny.slider/R")
library(shiny)
ui <- fluidPage(
tags$script(src = "jquery-1.6.1.min.js"),
tags$script(src = "jquery-ui-1.8.13.custom.min.js"),
tags$script(src = "jquery.beforeafter-1.4.min.js"),
tags$script("
$(function() {
$('#slider').beforeAfter({
introDelay: 2000,
imagePath: 'img/',
introDuration: 500,
showFullLinks: false
})
});
"),
mainPanel(
tags$div(id = "slider",
img(src = "img/Polar-Bear-SliderTest1.jpg", width = 800, height = 533),
img(src = "img/Polar-Bear-SliderTest2.jpg", width = 800, height = 533)
)
)
)
server <- function(input, output, session){}
shinyApp(ui, server)
推荐阅读
- css - 如何使用 CSS 移动 Squarespace 产品页面上的“添加到购物车”按钮
- c - 如何防止终止直到 SIGTERM 和 SIGINT?
- javascript - 我被困在我的反应项目中如何从 API 访问名称元素,我已经给出了 API 的快照,我的代码如下,任何人都可以帮助我
- c++ - 为什么这不工作类和对象
- cypress - 如何遍历多个元素并将内容添加到字符串
- php - 在 MYSQL 列中拆分值并在 PHP 页面中显示
- ubuntu - 无法使用 Elasticsearch 启动 Logstash
- redirect - 火狐后退按钮神秘行为
- python - 在 Python 和 Bokeh 中选择 K;滑块小部件未更新 Python 代码
- python - 我可以使用多处理来使用 sqlalchemy 查询不同的服务器吗?