Rマークダウンのチャンク内に複数の画像を縦スクロールバーで表示することは可能ですか

Question

脳の複数のMRI画像を垂直スクロールバーで埋め込んだR Markdown（html出力）でレポートを作成しようとしています。究極の目標は、スクロールバーを使用して、脳の画像を上から下へ、またはその逆に移動することです。私は次の投稿を見ました：How to display image horizontally in scroll bar?しかし、Rマークダウンでこのコードを使用する方法がわかりません。私は非常にコーディングに新しいので、どのように私の問題が難しいか分からない。

knitr :: include_graphics関数を使用して、HTMLにニットするときにイメージを表示しています。これらのイメージを垂直スクロールするために追加する必要があるのは不思議です。

レポートに3枚の画像を使用した例は次のとおりです。

```{r echo=FALSE, out.width='100%', fig.align="center"} 
library(knitr) 
knitr::include_graphics('1.jpg') 
knitr::include_graphics('2.jpg') 
knitr::include_graphics('3.jpg') 
``` 

私はこれらの画像の垂直方向のスクロールを可能にするために、Rの値下げで、このチャンクに追加する必要がありますどのような

？私が以前に説明したリンクが私の理解レベルを上回っているので、どんな助けもありがたいです。

ありがとうございます。

Answer 1

以下は機能するはずですが、ボックスの幅と高さを手動で設定する必要があります。

# Put this in your css (without the style tags), or at the top of your Rmd document 
<style> 
.vscroll-plot { 
    width: 1000px; 
    height: 200px; 
    overflow-y: scroll; 
    overflow-x: hidden; 
} 
</style> 

# In your Rmd document wrap your code chunk in div tags with class vscroll-plot 
<div class="vscroll-plot"> 
```{r pressure, echo=FALSE} 
plot(mtcars$hp, mtcars$drat); 
plot(mtcars$disp, mtcars$qsec); 
``` 
</div> 

これは、プロットが指定された高さを超える場合、垂直スクロールバーを持つ両方のプロットを提供します。

Answer 2

スクロールバーの代わりに、イメージを切り替えることができる単純な埋め込みビューアを使用できます。たとえば、すべての画像のXY寸法が同じ場合は、Bioconductorパッケージ（この機能は、GitHubから入手可能な開発ブランチでのみ使用できます）で提供されるものを使用できます。

library("EBImage") 

imgs <- c('1.jpg', '2.jpg', '3.jpg') 
display(readImage(imgs), method="browser")