Streaming live at 10am (PST)

Sprite, making it SLIDE SIDE TO SIDE


#1

Hi,

I'm experimenting here without using the SLIDER because I wanted to customize the NAV BUTTONS.

What I have is this:

  1. A sprite image with 4 frames
  2. Four buttons for navigation

My first issue is that I cannot load the SPRITE in the div container by just showing one frame, instead, it will squeeze the entire sprite.

Second, is there a way to slide each image (offset according to X coordinates for every button I created?


Here is my public share link: https://preview.webflow.com/preview/interactions-tutorial?preview=2f05b73708c0b9c66f5a066bfe6a8ba7
(how to access public share link)


#2

You can already customize slider component buttons. Don't reinvent the wheel.


#3

all right. was wondering if there is a way to customize the DOT NAVS? like replace them with photos?

Thanks


#4

Yes, but the only way is to write custom CSS to override them, as you cannot select each button individually in the designer.


#5

thank you @samliew that makes sense


#6

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.