Embedded jAlbum HTML

RapidWeaver Stacks
#1

I use jAlbum for my photos and embed the album in pages using the extra content plus stack. This works perfectly except in portrait mode on an iPhone which truncates the page to ess than 1/2 height. I contacted the jAlbum support team and this was the response:

Your iframe is in this tag on your page:

and this one got an overflow: hidden; which hides the bottom part of the iframe. (It possibly have other problem too.)

Is there any way I can fix this? Goto this link and you will see what I mean, also select any image to see further.

#3

oops the code got absorbed, I have removed < > to the div class line and and added “” to the overflow line to make it readable:

Your iframe is in this tag on your page:
div class=“embed-container”
and this one got an
“overflow: hidden;”
which hides the bottom part of the iframe. (It possibly have other problem too.)

#4

I would take the easy route and use a stack like Notify to remind the user to view that page in landscape mode for proper viewing.
Or I would redesign your layout so the images could display properly, perhaps by breaking up your images into columns that could then display stacked in portrait mode if you understand?

#5

You can try this:

.embed-container {
padding-bottom: 100% !important;
overflow: visible !important;
}

Also maybe worth checking:

#6

Thanks both, will try your options.

#7

Actually a combination of both great, thanks so much.

2 Likes