bigpicture icon indicating copy to clipboard operation
bigpicture copied to clipboard

Feature request: Ability to make a gallery mixing videos images and iframes...

Open SuperPat45 opened this issue 5 years ago • 4 comments

A very nice feature will be the ability to make a gallery mixing various media type (videos, images, pdf and iframes) like Google drive

Something like:

var items= [];
items.push({
	vidSrc: 'https://yourvideo.mp4',
	caption: 'video caption'
});
items.push({
	ytSrc: 'z_PeaHVcohg',
});
items.push({
	vimeoSrc: '119287310',
});
items.push({
	iframeSrc: 'https://youriframe/my-file.pdf',
});
items.push({
	audio: 'https://youraudio.mp3',
	caption: 'audio caption'
});
items.push({
	imgSrc: 'https://yourimage.jpg',
	caption: 'image caption'
})


BigPicture({
	el: e.target,
	gallery: items,
	// optionally specify a starting index
	position: 2,
})

SuperPat45 avatar Jan 29 '20 18:01 SuperPat45

That would be great, if that were possible.

k206i avatar Jul 14 '20 09:07 k206i

Any plans of incorporating this?

sayontan avatar Apr 11 '22 14:04 sayontan

No plans to incorporate this in the near future.

But if you're interested, I'm working on a more feature-rich alternative to this library which does allow you to mix media types in a gallery. Also has zooming, responsive images, html modals, better accessibility options, etc. And if you use Svelte, it's an even smaller hit to your bundle size.

Maybe a couple weeks from v1. Need to get some feedback and test on more devices.

https://biggerpicture.henrygd.me/

https://github.com/henrygd/bigger-picture

https://user-images.githubusercontent.com/8519632/155907562-a8849399-51e4-4363-b377-b07b0fd12b82.mp4

henrygd avatar Apr 11 '22 21:04 henrygd

Looks really nice - I will keep an eye out for v1.

sayontan avatar Apr 11 '22 22:04 sayontan