IPython Notebook と RISE / Reveal.JS 拡張機能をプレゼンテーションに使用したいと考えています。
左側の箇条書きの右側に (フローティング) 画像 (キャプション付き) を表示する方法はありますか?
質問する
349 次
1 に答える
0
nbextension Split Cells を使用できます。
ご覧のとおり、ドキュメントはかなり限られていますが、非常に使いやすいです。
基本的に、2 つのマークダウン セルを作成します。1 つは箇条書きで、もう 1 つはその下に画像とキャプションをShift-s配置し、両方を実行して、両方がハーフ セルになるようにします。
プレゼンテーションを起動すると、最初のセルがスライドの左側になり、2 番目のセルがスライドの右側になります。
例として、最近作成したプレゼンテーションのスライドを示します。左側にヘッダーがありますが、もちろん、箇条書きなど、何でも構いません。画像の下のキャプションは、画像のソースなのでわざと非常に小さくしていますが、マークダウンは未加工の html を受け入れるため、画像とキャプションのサイズとスタイルを html で自由にカスタマイズできます。
HTML にあまり詳しくなく、テンプレートとして役立つ場合は、2 番目のセル (スライドの右側) にある HTML を次に示します。
<figure style="display: table; margin: 0 auto">
<center>
<img src="img/vc_nw.png" width="850vmin" style="padding: 4vmin 0 0 0">
</center>
<div align="right" style="color: #978282; line-height: 0; font-size: 2vmin">
<em>
from <a href="http://geek-and-poke.com/">Geek&Poke</a>
</em>
</div>
</figure>
注: 、 などvminの代わりにpx、emさまざまなサイズの画面で適切なスケーリングを行うために使用します。
于 2020-10-08T02:03:50.423 に答える