diff --git a/src/components/ImageLarge.tsx b/src/components/ImageLarge.tsx index 927fb64e..d82a2212 100644 --- a/src/components/ImageLarge.tsx +++ b/src/components/ImageLarge.tsx @@ -1,10 +1,8 @@ import { IMAGE_LARGE_WIDTH } from '@/site'; -import Link from 'next/link'; import ImageBlurFallback from './ImageBlurFallback'; export default function ImageLarge({ className, - href, src, alt, aspectRatio, @@ -12,7 +10,6 @@ export default function ImageLarge({ priority, }: { className?: string - href: string src: string alt: string aspectRatio: number @@ -20,19 +17,14 @@ export default function ImageLarge({ priority?: boolean }) { return ( - - - + ); }; diff --git a/src/photo/PhotoLarge.tsx b/src/photo/PhotoLarge.tsx index 0c3d1c2b..06b787bf 100644 --- a/src/photo/PhotoLarge.tsx +++ b/src/photo/PhotoLarge.tsx @@ -22,6 +22,7 @@ export default function PhotoLarge({ photo, primaryTag, priority, + prefetch = false, prefetchRelatedLinks = false, showCamera = true, showSimulation = true, @@ -33,6 +34,7 @@ export default function PhotoLarge({ photo: Photo primaryTag?: string priority?: boolean + prefetch?: boolean prefetchRelatedLinks?: boolean showCamera?: boolean showSimulation?: boolean @@ -58,15 +60,20 @@ export default function PhotoLarge({ return ( } + className="active:brightness-75" + prefetch={prefetch} + > + + } contentSide={
{titleForPhoto(photo)} diff --git a/src/photo/PhotoSmall.tsx b/src/photo/PhotoSmall.tsx index 5437cfa9..e3d086d3 100644 --- a/src/photo/PhotoSmall.tsx +++ b/src/photo/PhotoSmall.tsx @@ -13,6 +13,7 @@ export default function PhotoSmall({ simulation, selected, priority, + prefetch = false, }: { photo: Photo tag?: string @@ -20,6 +21,7 @@ export default function PhotoSmall({ simulation?: FilmSimulation selected?: boolean priority?: boolean + prefetch?: boolean }) { return (