MobileRead Forums - View Single Post

odedta · 10-25-2014, 05:46 AM

EPUB3 is using HTML5 you could use this.

As for captions under an image, what's wrong with this?

Code:

  <img src='image link' style='width: 140px'>
  <div style='width: 130px; text-align: center;'>I just love to visit this most beautiful place in all the world.</div>

As for the gallery part, what kind of gallery are you looking for? if you're looking for a slider or a carousel, that uses Javascript and if you're making an EPUB2 file, it won't be valid since Javascript is not in the IDPF specifications for EPUB2, it might work, but it won't be a valid EPUB file.

Otherwise I would suggest a grid system like the one bootstrap uses if the images are small, if they are medium or big then you should put 1 in each page. Keep in mind that there are a variety of screen sizes so putting two medium images in one page could result in 1 image per page in small devices etc. If you make an EPUB3 file you could use CSS media queries to account for the changes in screen sizes.

10-25-2014, 05:46 AM	#5
odedta Addict Posts: 398 Karma: 96448 Join Date: Dec 2013 Device: iPad	EPUB3 is using HTML5 you could use this. As for captions under an image, what's wrong with this? Code: <img src='image link' style='width: 140px'> <div style='width: 130px; text-align: center;'>I just love to visit this most beautiful place in all the world.</div> As for the gallery part, what kind of gallery are you looking for? if you're looking for a slider or a carousel, that uses Javascript and if you're making an EPUB2 file, it won't be valid since Javascript is not in the IDPF specifications for EPUB2, it might work, but it won't be a valid EPUB file. Otherwise I would suggest a grid system like the one bootstrap uses if the images are small, if they are medium or big then you should put 1 in each page. Keep in mind that there are a variety of screen sizes so putting two medium images in one page could result in 1 image per page in small devices etc. If you make an EPUB3 file you could use CSS media queries to account for the changes in screen sizes.