Manual Tests
This page contains a bunch of manual tests.
With loop:true
import PhotoSwipeLightbox from '/photoswipe/photoswipe-lightbox.esm.js';
const lightbox = new PhotoSwipeLightbox({
gallery: '#gallery--loop-1',
children: 'a',
loop: true,
pswpModule: () => import('/photoswipe/photoswipe.esm.js')
});
lightbox.init();
</script>
{
"id":"loop-1",
"autoImages":1
}
import PhotoSwipeLightbox from '/photoswipe/photoswipe-lightbox.esm.js';
const lightbox = new PhotoSwipeLightbox({
gallery: '#gallery--loop-2',
children: 'a',
loop: true,
pswpModule: () => import('/photoswipe/photoswipe.esm.js')
});
lightbox.init();
</script>
{
"id":"loop-2",
"autoImages":2
}
import PhotoSwipeLightbox from '/photoswipe/photoswipe-lightbox.esm.js';
const lightbox = new PhotoSwipeLightbox({
gallery: '#gallery--loop-3',
children: 'a',
loop: true,
pswpModule: () => import('/photoswipe/photoswipe.esm.js')
});
lightbox.init();
</script>
{
"id":"loop-3",
"autoImages":3
}
import PhotoSwipeLightbox from '/photoswipe/photoswipe-lightbox.esm.js';
const lightbox = new PhotoSwipeLightbox({
gallery: '#gallery--loop-10',
children: 'a',
loop: true,
pswpModule: () => import('/photoswipe/photoswipe.esm.js')
});
lightbox.init();
</script>
{
"id":"loop-10",
"autoImages": 10
}
With loop:false
import PhotoSwipeLightbox from '/photoswipe/photoswipe-lightbox.esm.js';
const lightbox = new PhotoSwipeLightbox({
gallery: '#gallery--loop-disabled-1',
children: 'a',
loop: false,
pswpModule: () => import('/photoswipe/photoswipe.esm.js')
});
lightbox.init();
</script>
{
"id":"loop-disabled-1",
"autoImages":1
}
import PhotoSwipeLightbox from '/photoswipe/photoswipe-lightbox.esm.js';
const lightbox = new PhotoSwipeLightbox({
gallery: '#gallery--loop-disabled-2',
children: 'a',
loop: false,
pswpModule: () => import('/photoswipe/photoswipe.esm.js')
});
lightbox.init();
</script>
{
"id":"loop-disabled-2",
"autoImages":2
}
import PhotoSwipeLightbox from '/photoswipe/photoswipe-lightbox.esm.js';
const lightbox = new PhotoSwipeLightbox({
gallery: '#gallery--loop-disabled-3',
children: 'a',
loop: false,
pswpModule: () => import('/photoswipe/photoswipe.esm.js')
});
lightbox.init();
</script>
{
"id":"loop-disabled-3",
"autoImages":3
}
import PhotoSwipeLightbox from '/photoswipe/photoswipe-lightbox.esm.js';
const lightbox = new PhotoSwipeLightbox({
gallery: '#gallery--loop-disabled-10',
children: 'a',
loop: false,
pswpModule: () => import('/photoswipe/photoswipe.esm.js')
});
lightbox.init();
</script>
{
"id":"loop-disabled-10",
"autoImages": 10
}