sebastjan/videofolxtv
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve the video carousel for smoother continuous playback

Browse Source 
Adjust the infinite loop logic in the Netflix grid component to ensure seamless circular motion for the video carousel.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/QCN70f2
This commit is contained in:
sebastjanartic 2025-08-29 15:47:56 +00:00
parent 84c2c98df5
commit 49b7c580ef
1 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
client/src/components/netflix-grid.tsx
View File

@ -168,11 +168,11 @@ function CategoryRow({ category, onVideoClick }: CategoryRowProps) {
const newX = prev + speed;
const totalWidth = category.videos.length * videoWidth;
// Infinite loop - seamless reset
if (direction === 'right' && newX <= -totalWidth * 2) {
return -totalWidth;
// Infinite loop - seamless reset for continuous circular motion
if (direction === 'right' && newX <= -totalWidth) {
return newX + totalWidth; // Add one full cycle to continue seamlessly
} else if (direction === 'left' && newX >= 0) {
return -totalWidth;
return newX - totalWidth; // Subtract one full cycle to continue seamlessly
}
return newX;
@ -198,11 +198,11 @@ function CategoryRow({ category, onVideoClick }: CategoryRowProps) {
const newX = prev + speed;
const totalWidth = category.videos.length * videoWidth;
// Infinite loop - seamless reset
if (direction === 'right' && newX <= -totalWidth * 2) {
return -totalWidth; // Reset to middle section
// Infinite loop - seamless reset for continuous circular motion
if (direction === 'right' && newX <= -totalWidth) {
return newX + totalWidth; // Add one full cycle to continue seamlessly
} else if (direction === 'left' && newX >= 0) {
return -totalWidth; // Reset to middle section
return newX - totalWidth; // Subtract one full cycle to continue seamlessly
}
return newX;