BestHub
Sign in
Tag

carousel

0 views collected around this technical thread.

Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jan 10, 2025 · Frontend Development

Implementing a Seamless Carousel with Vue: Dynamic Data Switching, Transition Effects, and Auto‑Play Controls

This tutorial explains how to build a seamless carousel in Vue by dynamically switching a data list, using the Transition component for enter/leave animations, adding an auto‑play timer, handling hover pause/resume, and solving visibility‑change flicker with concise CSS and JavaScript code.

CSSJavaScriptVue
0 likes · 9 min read
Implementing a Seamless Carousel with Vue: Dynamic Data Switching, Transition Effects, and Auto‑Play Controls
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jul 17, 2024 · Frontend Development

Rapid Development of a Vue3 Carousel Component Using Doubao MarsCode Online IDE

The article details how the author leveraged Doubao MarsCode's AI‑powered online IDE to quickly set up a Vue3 project, import a git repository, switch Node versions, install dependencies, develop a paginated carousel component with full code snippets, and evaluate the platform's strengths and weaknesses.

JavaScriptMarsCodeVue
0 likes · 21 min read
Rapid Development of a Vue3 Carousel Component Using Doubao MarsCode Online IDE
Sohu Tech Products
Sohu Tech Products
Nov 17, 2021 · Mobile Development

Implementing a Carousel with MotionLayout in Android

This tutorial explains how to create a smooth, animated carousel in Android using MotionLayout and its Carousel helper, covering core concepts, state definitions, XML layout and MotionScene configurations, Kotlin adapter implementation, and practical tips for handling view ordering and visual effects.

AndroidConstraintLayoutKotlin
0 likes · 14 min read
Implementing a Carousel with MotionLayout in Android
Yuewen Frontend Team
Yuewen Frontend Team
Nov 16, 2020 · Frontend Development

Build a Lightweight Carousel with CSS Scroll‑Snap and Minimal JavaScript

This article demonstrates how to replace heavy swiper libraries with a slim, pure‑CSS carousel using scroll‑snap‑type, scroll‑snap‑align, and scroll‑behavior, and adds a small JavaScript polyfill for smooth scrolling and automatic slide rotation, complete with npm packaging and compatibility notes.

CSSJavaScriptcarousel
0 likes · 7 min read
Build a Lightweight Carousel with CSS Scroll‑Snap and Minimal JavaScript