Skip to content

Commit

Permalink
New DTI Website: Remove Fading Transition for Photos in Slideshow
Browse files Browse the repository at this point in the history
  • Loading branch information
andrew032011 committed Sep 27, 2024
1 parent 22d340d commit 1d5f476
Showing 1 changed file with 2 additions and 2 deletions.
4 changes: 2 additions & 2 deletions new-dti-website/components/slideshow.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -36,13 +36,13 @@ const Slideshow: React.FC<SlideshowProps> = ({ selectedImage }) => (
{imageNames.map((imageName, index) => (
<div key={imageName} className="absolute top-0 left-0 w-full h-full">
<ImageHeader imageName={imageName} isVisible={selectedImage === index} />
<div className="relative top-12 w-full h-[400px]">
<div className="relative top-10 w-full h-[400px]">
<Image
width={600}
height={400}
src={`/images/${imageName}`}
alt={imageName.split('.')[0]}
className={`absolute top-0 left-1/2 transform -translate-x-1/2 max-w-full max-h-full transition-opacity duration-300 border-8 border-white rounded-lg ${
className={`absolute top-0 left-1/2 transform -translate-x-1/2 max-w-full max-h-full border-8 border-white rounded-lg ${
selectedImage === index ? 'opacity-100' : 'opacity-0'
}`}
/>
Expand Down

0 comments on commit 1d5f476

Please sign in to comment.