Carousel - Cover Flow

Peel of Stack

Option A Classic Ticker Tape
“Watch Live” button that opens the live video in a new window/tab.

Quick edits

• Make it faster or slower

  Change this line:

  animation: cvTapeScroll 40s linear infinite;

  Slower: 55s
  Faster: 28s

Option B: “Breaking News” style with label on the left

Quick edits

• Replace the https://example.com/... links with your real Watch/Listen links

• Change the words to whatever you want repeated

3D Rotating Cylinder

Quick edits

• Rotation speed: change 2400 (ms). Slower: 3200. Faster: 1800.

• Panel size: change .cv-cyl-ring width/height.

• If you want flat “card” ads instead of cropped, change object-fit:cover; to object-fit:contain; in .cv-cyl-panel img.

Tight scroller

Scroll 1 - No loop

Scroll 2 - Looping

Dot Control for sidebar/rail

Expanding Accordion Scroll for sidebar/rail

Quick edits

• Copy one whole <!-- ITEM --> block and change:

  • thumbnail image

  • title and sub text

  • big image (can be same as thumbnail or a flyer)

  • button links

Tabbed Program Section

Quick edits

• Replace the image URLs

• Replace the href="https://example.com/..." links

• Add more cards by copying a <div class="cv-card">...</div> block inside any panel

Masonry Grid (Pinterest Style)

Carousel With Buttons + Dots + “Watch Live” links

Quick edits

• Swap each href="https://example.com/..." to your real Watch Live / Listen Live / Sponsor links.

• Swap each img src="..." to your flyer/ad images.

• Change button text by editing the <span class="cv-slide-cta">…</span>.

to look more like a “hero” (one big centered slide at a time), set it to flex-basis: 90% and tighten the snapping so it feels like a full slider.

Auto-Playing Hero + Scrolling Thumbnails Under It

Quick edits

• Replace the image URLs

• Replace the href="https://example.com/..." links

Important: YouTube autoplay requires mute=1. This is why it starts muted.

Netflix-Style Content Rows

Parallax Scroll Section

Quick edits

• Replace the hero background image URL inside .cv-parallax-hero

• Replace each band --bg:url('...')

• Replace each card href with your real links