Articulated in such an easy and friendly way. Very likeable person to watch, keep up this great content you get my subscription! :) Regarding the video, is there a way to make the carousel / presentation "pop out"? and also if I want to add a lot of photos and tag them to the carousel, is there a way to do it faster or must I manually drag and drop to each one? 😊
Fab thanks for putting this together - im new to framer and still discovering - in the slide show if you wanted text as well as an image would you put each set of image and text in its own frame to group them ? many thanks!
I've been trying to create something simlilar that to present a bunch of projects from a CMS, but you can't pull individual images from various projects of my CMS (i.e. the first image of each project). Have I missed something ?
Yeah, same here. The overflow clipping shows for desktop but not tablet and phone. It only shows up while viewing the breakpoints on Framer, but on the actual devices itself, the faded images in the background does not show up :(
This is great and all, but I don't see the point of having a slideshow that I can't click the thumbnails to see a larger image, the slideshow alone, while cool, is very limited, and therefore not as useful as it could be. Has anyone figured out how to include a click trigger to expand the size of the image from inside the slideshow?
Hello, thanks for the great content. I have a question about the carousel. Is it possible to make the carousel items loop back to the first item after you reach the last item? Like I want the carousel to loop by clicking the arrows.
Hey! Thanks for your tutorial! I have a question: How can I create a carousel where a portion of the photo on the screen is hidden on the left, and I can swipe left and right? If I use 'position: absolute' and hide part of the photo to the left, I'm unable to scroll the carousel to the left, only to the right. Is this possible?"
What would be the approach if I want to control a carousel with custom arrow icons that are outside the carousel component? Example: I have 2 icons above the Caroussel that are part of another stack that I want to use to control the Caroussel.
And how can I make it so that, for example, when changing a slide, the numeration changes: 1/4, next: 2/4 Or do I need to write a separate react component and connect it to this carousel?
Hi, Tim. I'm looking to use the Slideshow as a simple background with an image transition with a simple fade to the next image. Is this possible? Thanks!
How do you use different sized components in the slideshow? having trouble with the spacing after I've set everything to fit. Everything is still overlapping? heeeeelp please
Hi thanks for this! I'm having a problem on using Cards (with images, text, and button) on a slideshow being responsive in mobile. On mobile, they are either cut, or overlapping. Do you have any guide on this? Thanks in advance,
@@TimGabe it's alright Tim! But can I suggest to make videos on carousel cards? As well as making them responsive. It would be a great help. Thank you!
Nice explanation, eager to try it out. But I'm getting an error "failed to insert" when i try to add a ticker, slideshow or carousel. Can you plz help?
Do you know how can I link a singular slide of the slideshow to a button in my page? For instance, I have 6 buttons for 6 services and 6 slides for each service. I'd like for my user to click on the button of a service and the slide changes to the info of that service.
@@TimGabe The preview looks fine, but when I view the live page on mobile it's choppy. Weirdly enough it's smooth in Firefox but choppy in Chrome and Opera.
why my ticker wont move ?, i visit every page and most people have the same problem as i do, but yet i havent seen any responses regarding our problems, is it the device or what ?
What if I want a thumbnail, and I want to click it so a full size image pops up. I mean TONS of artists have this kind of intention when they have a gallery. Especially because the images are different sizes and such.
My screen width is about 1920px, and my pictures in the slideshow are proportionally as big as the slideshow width, but I don't want that. My slideshow pictures should be a maximum of 100px in width, not 1920px. How do I change that?
@@kinoomalta if you don’t need the carousel component, then you can create your own version of it with nested components! i actually have a tutorial on it coming this week ☺️
@@TimGabe Yep, I did that before without using the carousel component but then I couldn't figure out how to swipe to the next item in mobile view like you do with the carousel left and right arrows that are built in. I tried the tabs navigation with nested carousel and it's working great. :D But I am sure your tutorial would maybe make it more simpler than the mess I have made trying to set it up lol.
Hey can anybody help with this one query. I want to make a slideshow(each item is a frame having text image everything) Second, I want to link it to some button on the same page. To move to specific section within carousel. Purpose: feature slideshow with buttons to select specific feature. And show reflective slide
@@25_fransissananta41 idk exactly what the problem is, but i try to visit my framer website from other devices, it's actualy moving. idk why, but from the other device it's working
Thank you Tim! This is exactly the kind of tutorial we were looking for
Thank you. One of the most useful vids I've come across in my current stage of personal website development. It inspired some major decisions.
Used your guide and set up my first slide show in 15 minutes, You're awesome Tim💯
that's so cool to hear, Joshua!! happy I could help 😃
I am following you from the time when you had 200 subscribers, and now when i see you, i am really happy for you.
wow, you've been here since the start! happy you're still around, friend!
Hey Tim, love this tutorial, Framer is fun, can you make more Framer tutorials please 😀
Love it. I'm more into the Framer tutorials than the Webflow ones. These are great.
tim you made me love framer man, god bless you 👏
Amazing! Such great UI UX
i love framer!
Just amazing, specially the slideshow animation, I will definitely try 🤩
Are you planning to make more Framer tutorials? Cause that would be awesome! Great tutorial as always!
Nice explanation. Thank you, Tim!
appreciate you, frans!
All I can say is that you're awesome!
really appreciate that, thank you!!
Thanks a ton for sharing this, you are awesome dude :)
Perfect video at the perfect time again. thanks Tim👌
Nicely done!
thanks a lot!!
Lovely video, thank you so much!
Love Love Love more brother 😍😇 amazing tuts on framer learning a lot creative from you🥰
I'm about to find out if these images can be linked to an overlay. Thanks again, Tim!
happy to help, friend!!
im a big fan Tim . love ur tutorials sins the first one
THANK YOU SOOOOOOO MUCH I LOVE U
haha, happy to help cassie!!
wow! Thank you!
Articulated in such an easy and friendly way. Very likeable person to watch, keep up this great content you get my subscription! :)
Regarding the video, is there a way to make the carousel / presentation "pop out"?
and also if I want to add a lot of photos and tag them to the carousel, is there a way to do it faster or must I manually drag and drop to each one? 😊
Fab thanks for putting this together - im new to framer and still discovering - in the slide show if you wanted text as well as an image would you put each set of image and text in its own frame to group them ? many thanks!
yes, i'd group them together!
This is soooo helpful!!!
I've been trying to create something simlilar that to present a bunch of projects from a CMS, but you can't pull individual images from various projects of my CMS (i.e. the first image of each project). Have I missed something ?
Thank youuu! It only didn't work on the phone breakout point. I don't know why. But, for the rest, it helped a lot!
what happened on the phone breakpoint, my friend?
Yeah, same here. The overflow clipping shows for desktop but not tablet and phone. It only shows up while viewing the breakpoints on Framer, but on the actual devices itself, the faded images in the background does not show up :(
Very nicely presented! Q: Is is possible to click/touch an individual slide to open a new window?
This is great and all, but I don't see the point of having a slideshow that I can't click the thumbnails to see a larger image, the slideshow alone, while cool, is very limited, and therefore not as useful as it could be. Has anyone figured out how to include a click trigger to expand the size of the image from inside the slideshow?
if i understand correctly, i think this should be doable with overlays and some CMS magic! 😃
Thanks for the great tutorial, Tim. Is there a way to connect your slideshow or carousel to a CMS?
yes, my friend! you can create components that you connect to the CMS and then add into your carousel/slideshow/ticker!
Hello, thanks for the great content. I have a question about the carousel. Is it possible to make the carousel items loop back to the first item after you reach the last item? Like I want the carousel to loop by clicking the arrows.
Very well presented and structured tutorial, thanks for this! By the way, are you from Sweden? Tyckte jag hörde liiite svensk brytning på engelskan :D
appreciate it, johan! 😃 haha, yes!! svensk!
Framer ninja
Hey! Thanks for your tutorial! I have a question: How can I create a carousel where a portion of the photo on the screen is hidden on the left, and I can swipe left and right? If I use 'position: absolute' and hide part of the photo to the left, I'm unable to scroll the carousel to the left, only to the right. Is this possible?"
with the current carousel component behaviour like that would be hacky to achieve, i'm afraid 😫
Yes bro please make 1 page landing which includes all the things like tabs, slider, stickers
What would be the approach if I want to control a carousel with custom arrow icons that are outside the carousel component? Example: I have 2 icons above the Caroussel that are part of another stack that I want to use to control the Caroussel.
thx bro
And how can I make it so that, for example, when changing a slide, the numeration changes:
1/4, next: 2/4
Or do I need to write a separate react component and connect it to this carousel?
Hi, Tim. I'm looking to use the Slideshow as a simple background with an image transition with a simple fade to the next image. Is this possible? Thanks!
Does Framer support adding a title on top of each image? Thank you
Hey, in regards to ticker, why does its opacity reduced and restarts when I scroll and come back to the section? is there any way around this?
hmm... it shouldn't change opacity as you scroll by it. may be a bug.
how does it look when you publish the website? might be the editor bugging out!
How do you use different sized components in the slideshow? having trouble with the spacing after I've set everything to fit. Everything is still overlapping?
heeeeelp please
I have just one question please, when you have multiple Testimonials, what’s the best option to use?
hard one, really depends on the context! sorry for the lame answer 😖
Very valuable thank you! +1 sub
How do you resize the ticker for smaller breakpoints?
you'd have to just manually resize it on the canvas!
Thanks @@TimGabe! 🙏
I have a problem when doing the slide show, the picts that i connected won't appear in review. what should I do
hard to say without seeing the file, unfortunately 😫
Hi thanks for this! I'm having a problem on using Cards (with images, text, and button) on a slideshow being responsive in mobile. On mobile, they are either cut, or overlapping. Do you have any guide on this? Thanks in advance,
hard without seeing the thing, my friend! sorry!
@@TimGabe it's alright Tim! But can I suggest to make videos on carousel cards? As well as making them responsive. It would be a great help. Thank you!
@@ian5629 that’s actually a great idea! thank you 🙏
Hey man curious if you know how to put text and buttons on those slideshows
Nice explanation, eager to try it out. But I'm getting an error "failed to insert" when i try to add a ticker, slideshow or carousel. Can you plz help?
never ran into that 🧐 i'd suggest you take a look at the framer community forum!
@@TimGabe thank you sir. I will check with them!
You need a "donuts" tutorial, like Blender Guru. Find a tutorial that anyone can do and "present" it like a donut tutorial.
i like that idea, a lot. thanks man!
How can I customize the arrow to have it in the upper right corner of the element?
Hello there is it possible to swipe left and right on the ticker as well and if yes how?
tickers aren't swipable, but you can use the other carousels for that!
Do you know how can I link a singular slide of the slideshow to a button in my page? For instance, I have 6 buttons for 6 services and 6 slides for each service. I'd like for my user to click on the button of a service and the slide changes to the info of that service.
What if you wanna offset the animation, like each of them comes out at a different pace or speed. Or is that not possible
The slideshow transition between images looks choppy on mobile, no matter what kind of easing I set. Anything I can do to try and fix it?
is it choppy in both preview and on the live website? sometimes the preview will bug out!
@@TimGabe The preview looks fine, but when I view the live page on mobile it's choppy. Weirdly enough it's smooth in Firefox but choppy in Chrome and Opera.
I’ll jump in and try it, but it made me wonder if you can create a slideshow from the CMS items instead of the dragging UI
the way to do it with the CMS currently isn't suuuper straight forward, but i'll cover it a bit in my upcoming course!
Great tutorial! For me Ticker isn't working, it only shows static images not moving. any solution to that?
that's weird, it should work out of the box!
@@TimGabe fixed it! My animation motion was disbled from settings.
But how are you able to get this work work on multiple pages with different images
When come out course for Framer? 🤔
why my ticker wont move ?, i visit every page and most people have the same problem as i do, but yet i havent seen any responses regarding our problems, is it the device or what ?
not sure Fransis! will have to look into this!
when i put down carosouel it doesnt let me connect it to my images, how can i bring up the connectors?
if i want to select one item from the slideshow to enlarge it ?
you can't really do it from the slideshow itself, you'll have to change the size of the items connected to it!
Is it possible to have a Slideshow component with the thumbnail navigation below?
not natively, unfortunately!
you can create your own component to create an image picker, i did that for the website in my upcoming course!
Thanks@@TimGabe ! A tutorial video for that would be great in the future :) Good luck with your course.
Hey the ticker effect is not working and not even in the previous projects I've created
I found it different to put in square images that keep their 1:1 ratio responsively.
hi tim, do you have any tutorial that explains events in framer? thanks
What if I want a thumbnail, and I want to click it so a full size image pops up. I mean TONS of artists have this kind of intention when they have a gallery. Especially because the images are different sizes and such.
Can you plz make a video on how to add a clickable call button with link and an appointment input form on framer.
Can you create tutorials of different animations you can create on header text?
oooh, that's a good one! text animations in Framer!
Can you add text at the bottom? Like a card
you can create a card component and put that inside your carousels instead!
I have a small problem: when I add the contact section, I can't add extra elements to the form.
how can I make the autoplay happen only on hover?
anyway to connect to a collection list?
here's a solution:
www.framer.community/c/support/how-to-connect-cms-content-to-a-carousel-slider
the white dots needed to connect images doesn't show up for me
My screen width is about 1920px, and my pictures in the slideshow are proportionally as big as the slideshow width, but I don't want that. My slideshow pictures should be a maximum of 100px in width, not 1920px. How do I change that?
How do you change the order of the children?
Very informative. But where’s my chocolate video? 🍫🥲
the chocolate video will be coming some day 🥰😘
Does somebody know how to link tabs navigation with multiple carousels?
it would require custom code, i think!
But you can do this is Webflow very easily :( I am trying to achieve this through nested components. Let's see if it works.
@@kinoomalta if you don’t need the carousel component, then you can create your own version of it with nested components! i actually have a tutorial on it coming this week ☺️
@@TimGabe Yep, I did that before without using the carousel component but then I couldn't figure out how to swipe to the next item in mobile view like you do with the carousel left and right arrows that are built in.
I tried the tabs navigation with nested carousel and it's working great. :D But I am sure your tutorial would maybe make it more simpler than the mess I have made trying to set it up lol.
One Q, How can I get the code after I finish???
Hey can anybody help with this one query. I want to make a slideshow(each item is a frame having text image everything)
Second, I want to link it to some button on the same page. To move to specific section within carousel.
Purpose: feature slideshow with buttons to select specific feature. And show reflective slide
i think the golden ratio is a very good rule of thumb, for sure!
we are here the first ones guys
i have a problem. why my ticker not moving??
me too, did u figure it out now ?
@@25_fransissananta41 idk exactly what the problem is, but i try to visit my framer website from other devices, it's actualy moving. idk why, but from the other device it's working
The ticket effect is not working
Great video. Thank you!