Slide 18
Slide 18 text
Copyright (C) 2021 Toranoana Inc. All Rights Reserved.
ソースコード
// app/islands/Images.tsx (tora-viewer部分抜粋)
import toraViewer from "tora-viewer";
export default function Images(_props: JSX.HTMLAttributes) {
const openViewer = (index: number) => {
const viewer = toraViewer(
originalImages.map((image: Image, index: number) => {
return { url: image.url, thumbnailUrl: miniImages[index].url };
}), { pageStyle: "normal"},
);
viewer.goTo(index);
const originDispose = viewer.dispose;
const boundDispose = originDispose.bind(viewer);
const newDispose = () => {
clearAllBodyScrollLocks();
boundDispose();
};
viewer.dispose = newDispose;
};
return (
);
}
{!miniImages ? "" : miniImages.map((image: Image, index: number) => (
openViewer(index)} />
))}