Hello,
I’m a complete newbie with Sitely, and I want to make my first website for photography. I would like to have the homepage exactly like this one :
is it possible and if yes can someone tell me how to acheive this ?
thank you
Hello,
I’m a complete newbie with Sitely, and I want to make my first website for photography. I would like to have the homepage exactly like this one :
is it possible and if yes can someone tell me how to acheive this ?
thank you
Good morning: If you are referring to the “slide show” effect on the referenced landing page you can create something similar as follows. In the Style section add an image gallery and adjust settings to your needs—check Slide show. Add your images. Add a menu on top of the gallery.
In the Arrange Menu check full page width.
Welcome onboard @xoxixox ![]()
There are a couple of things in the site example that Sitely isn’t able to do for now, but as Mick suggested you can get close with the onboard transitions with the inbuilt Image Gallery.
The image wondering between transitions is the Ken Burns effect. You could achieve this with a bit if Embed code. The other thing is that no matter the height of the browser, the hero images always fills out the browser vertically. Sitely is unable to do that, but again you could use a snippet of code which can be Embed onto the page.
Thank you ! I made a slide show with image and it’ss cool, but when I resize the page, the image change Horizontally : perfect but not vertically as you say ! I will look some code to embed in the page
I found this : https://codepen.io/planetgrafix/pen/AGmXQK
but I don’t know how to integrate html + css + script in a page ![]()
Ah ! Thanks F-Fig . I didn’t reference the slight “image movement” because I didn’t have a clue how that was done! With your reference I found this explanation for those interested:
Ken Burns Effect - Complete Guide and How to Apply It | Cloudinary.
Finally I use this and it works perfectly : Pure CSS Background Slideshow With Ken Burns Effect | CSS Script
I’m glad it has worked out for you! ![]()
yes thank you, and thank’s for the help, I will have more questions in the future ![]()