Skip to main content

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
}