This is an example of an embedded album made with the jAlbum FancyBox skin. It is a FancyBox album where the index page is embedded in a web page.
It uses the next css code in the head section:
The album is displayed in a responsive iframe with this code in the body section:
You can generate this code in version 1.6.1 with jAlbum menu item Album / Embed album.
The system will propose a default Album height/width ratio of 6:9, so which corresponds with padding-bottom: 66.67%;
Use other padding-bottom values for other ratios: use for 1080:1920 padding-bottom: 56.25%.
If you make an embedded gallery (slide page) by setting check-mark "Open first slide automatically", you can replace in the css code " -webkit-overflow-scrolling: touch; overflow-x: hidden; overflow-y: auto;" by "overflow: hidden;", because the slide page requires no scroll-bars.
See here the embedded slide page of this album.
More info about the used CSS code on the blog of Ben Marshall