Streaming live at 10am (PST)

Problem slideshow the same as http://www.mms.com/#home


#1

Hello I want to test the slider the same as http://www.mms.com/#home

I almost made the website the same way…
But please can anyone help me to make it the same slider,
=> so the slide at the left or right side can be made dark.

Thanks a lot to help me.

https://preview.webflow.com/preview/mms-karel?utm_source=mms-karel&preview=1edb394323ea06a4b181ebf35315f5bf

Karel


#2

Hello @Karel_R

You can use interactions to make the slider that is out of view to be transparent. Let me do a quick screen record and show you.


#3

Here’s the screen record > https://www.useloom.com/share/c5c5e24ac573487fabacc7b54db572f4

All slides need to share the same class in order to do the interaction based on a class. I’m using hero-slider and a combo class slide-one, slide-two ect. in order to select different photos.

If you have more question feel free to reach out.

Piter :webflow_heart:


#4

waauw thanks a lot! I will try it out!
incredible what webflow can do!


#5
  1. problem with the arrows: how to show a shadow when the button is only 50% transparent. (look to my updated project)

  2. problem social menu: only when I hover the linkblock the color over the fill changes, not the color of the textbox (fontawesome) => how can both changer when I hover over the linkblock?

  3. problem ‘growing’ (solution lightbox) have you seen: ‘NASCAR’ has no movie-lightbox, but is growing to the right, is this possible in Webflow that the box animates to a larger box with a youtube movie inside?

    hover%20problem


#6

Hello @Karel_R

Here’s the solution for the social links > https://www.useloom.com/share/10abcb5ca64b4b5e9b2e72dd7fbfa813

You need to add the icon color to the parent element > link block > and you can set the hover state icon color to be based on the link block

Slider arrow shadow > https://www.useloom.com/share/f1fb379043ed40f7afcd8bc26a1bc0d5

Not sure about the slider shadow, but maybe the link above is what you want to achieve.

Lightbox > can’t really understand what you mean, but I will be happy to help!


#7

hi Piter Dimitrov,

Last topic: the lightbox should be’ NOT in full screen’ but moving to the right side : a sort of animation(with a video inside), is that possible ?

=> a sort of reveal if you hover over the button: but than you have to see the movie (with a X to close again to normal state)
example 1: animation of button hart=X

: donut with like-button: https://www.youtube.com/watch?v=8g8MMCbfWTA
example 2: modal shows up https://youtu.be/bNVwW8-BymU?t=549 with animation

I also found information on ‘webflow making modal’ https://webflow.com/blog/how-to-build-a-pop-up-modal-in-webflow


#8

there was a topic for pictures: square thumbnail picture to rectangle image…
but I want from square image to rectangle modal(with movie inside)


#9

hello, look to http://www.mms.com/#nascar

is there also a possiblity to change the oldschool look for scrolling in a div,
to the way that there is a button by hover showing up when you want to go scrolling down?

Thanks to help me
Karel


#10

Hi almost perfect,

  1. why is there no slide at the left side showing up the first time?
  2. why is there a star+icon next to the arrow and not when i use fontawsome arrow-symboltext?
    (can I make a star-icon also?)

Thanks
Karel


#11

last but not least… make a lightbox the same way as mms.com

I found this lightbox but i want to create myself, as the normal website of www.mms.com
example not fully what i want: https://www.youtube.com/watch?v=Fue_IP9k6wQ


How can i click onto an image that shows the image larger into a box?
=> can an database driven solution been used from webflow?

Thanks a lot to help me out!


#12

image hover also possible over an icon to go to the other page?

the same as the social buttons? but how can I hover an image (in stead of a text in linkblock!?)

green


#13

All mm-persons are database-items: Yesterday 18 december there came a New topic ‘pagination’ should this be a solution to scroll to previous/next person?

https://youtu.be/ArSjo5d6qMY
For mm-person I only need 1 item in a page of course, but I want to see all the mm-persons as link-Block!