Suggestion: Zoom.js

[LukeTOBrien]

Hello there,

I have been interested in Markdown presentation Frameworks, I am interested in Remark because I like the simplicity and I want to keep my text and assets separate from my presentation.

I have also looked at Reveal.js and I like some of their features, mostly the use of Zoom.js
It looks such a simple API, would it be possible for you to incorporate it in your own framework?

The other this I would say as an aside is that there doesn't seem to be a NPM package, I download this one which is something different with the same name.

[lichtner]

Hi there, I am also missing this kind of feature. Have you found any solution?

[srkuberski]

Hi all,

this is a really wonderful project! Regarding the use of zoom.js, the following works seamless for me:

<script src="https://lab.hakim.se/zoom-js/js/zoom.js" type="text/javascript"></script>
<script type="text/javascript">
	var slideshow = remark.create();

	slideshow.on( "beforeHideSlide", function( slide ) {
		zoom.out();
	} );
	slideshow.on( "afterShowSlide", function( slide ) {
		document.querySelector( ".remark-visible" ).addEventListener( "click", function( event ) {
			event.preventDefault();
			zoom.out();
			zoom.to( {element: event.target} );
		} );
	} );
</script>

[frfeng]

Hi,

I added the script above by @murtex, but I'm still having the same issue that pinch-to-zoom triggers a navigation event (also described in #635 and yihui/xaringan#226). Any insights would be appreciated. Thanks.