Guest Posted November 15, 2012 Share Posted November 15, 2012 Is it possible to create a gallery slideshow that fades between the images, rather than just changing to the next image? It looks a bit jerky how it is currently working. Link to comment
Salskov Posted November 16, 2012 Share Posted November 16, 2012 As I'm planning to change over to Squarespace, I too am very interested in this capability as it is a critical element in my present layout. The ability to change the duration of the fade in/fade out and the length of time the image remains static for viewing are equally important to the presentation. Salskov Link to comment
Guest Posted November 18, 2012 Share Posted November 18, 2012 And is there any way to make each image in that slideshow a link to selected page..? Link to comment
Nick Scola Posted November 18, 2012 Share Posted November 18, 2012 Hopefully, this will be added in soon, but I would also LOVE a slide transition. Squarespace developer since 2007. I create a professional process for each client to ensure that your objectives are met and users are happy. Something I love to embrace. I'm available for hire Get in touch at http://www.nickscola.com or via email at squaretuts@gmail.com Link to comment
Guest Posted November 19, 2012 Share Posted November 19, 2012 Yes. When in the "Edit Gallery" menu, switch over to the "Content" tab. Hover over the image you'd like to add a link to and click the gear button. Now you're in "Edit Image." At the bottom of this menu you'll see a place to add a Clickthrough Link for that individual slide. Link to comment
blueearthphoto Posted January 13, 2013 Share Posted January 13, 2013 I would like to see this option as well! Link to comment
Timjim Posted March 12, 2013 Share Posted March 12, 2013 Come on SS! The built in slideshow fade in transitions (on 5 and 6) are far too clunky. They are not elegant enough to be pleasing on the eye! Give some quality!!! Link to comment
Suzie Posted March 12, 2013 Share Posted March 12, 2013 I just found this, and it seems to be working nicely. Increase the number for a slower transition. .slide { -webkit-transition: opacity 2000ms ease-in-out; -moz-transition: opacity 2000ms ease-in-out; -o-transition: opacity 2000ms ease-in-out; transition: opacity 2000ms ease-in-out; } Link to comment
Suzie Posted March 12, 2013 Share Posted March 12, 2013 OK, so this code seems to disable the controls (arrows)— they (and the thumbnails are not clickable. Does anyone have ideas on how to make the above code compatible with autoplay while maintaining the ability to use the controls? Link to comment
Guest Posted April 11, 2013 Share Posted April 11, 2013 Eager to see more on this. Considering Squarespace is one of the most elegant solutions available for portfolio websites, the transitions available (and options or lack thereof for them) are quite jerky. Nothing smooth about them at all. Link to comment
Nick Scola Posted May 20, 2013 Share Posted May 20, 2013 Flash is dead. Use jQuery sliders. Squarespace developer since 2007. I create a professional process for each client to ensure that your objectives are met and users are happy. Something I love to embrace. I'm available for hire Get in touch at http://www.nickscola.com or via email at squaretuts@gmail.com Link to comment
Nick Scola Posted May 20, 2013 Share Posted May 20, 2013 I'm not sure when Squarespace plans on releasing the "fade" transition on the consumer platform but I do for a fact you can do this. Was playing around with it in the developer platform. Just hold on tight I guess. Squarespace developer since 2007. I create a professional process for each client to ensure that your objectives are met and users are happy. Something I love to embrace. I'm available for hire Get in touch at http://www.nickscola.com or via email at squaretuts@gmail.com Link to comment
Guest David Posted June 5, 2013 Share Posted June 5, 2013 Hi Suzie,Thanks for this, works great, but do you know how to have the images fade through one and another ?CheersDavid Link to comment
Guest Posted August 16, 2013 Share Posted August 16, 2013 STILL HOPING FOR THIS. It's kind of ridiculous this isn't operational yet, as it was a feature in 5 but is not in 6. Link to comment
Tigerbright Posted August 28, 2013 Share Posted August 28, 2013 I'm having problems with my slideshow CSS code. Works great on IE and firefox but the slideshow doesn't show up at all in Chrome (new install). Any ideas? I'm using Montauk template. Here is the code I'm using: .slide { -webkit-transition: opacity 2000ms ease-in-out; -o-transition: opacity 20000ms ease-in-out; transition: opacity 20000ms ease-in-out; -moz-transition: opacity 300ms ease-in-out; webkit-transition: all 2000ms cubic-bezier(0.420, 0.000, 0.580, 1.000); -moz-transition: all 2000ms cubic-bezier(0.420, 0.000, 0.580, 1.000); -ms-transition: all 2000ms cubic-bezier(0.420, 0.000, 0.580, 1.000); -o-transition: all 2000ms cubic-bezier(0.420, 0.000, 0.580, 1.000); transition: all 2000ms cubic-bezier(0.420, 0.000, 0.580, 1.000);} Link to comment
Alan-Squareflair Posted October 7, 2013 Share Posted October 7, 2013 Echoing what @nick-scola suggested, but I'll put it in a question: WHEN is Squarespace going to make slideshows better by adding DISSOLVES to slideshows? Link to comment
Alan-Squareflair Posted October 7, 2013 Share Posted October 7, 2013 Echoing what @nick-scola suggested, but I'll put it in a question: WHEN is Squarespace going to make slideshows better by adding DISSOLVES to slideshows? Link to comment
wowpages Posted November 23, 2013 Share Posted November 23, 2013 I added Suzie's code to my header, which worked well for the fade-ins, but the fade-outs were still abrupt. I added one line which helps with the fade-outs. The only problem I found was in Safari, where there are some minor jitter effects. <style> .slide { visibility: visible !important; -webkit-transition: opacity 3s ease-in-out; -moz-transition: opacity 3s ease-in-out; -o-transition: opacity 3s ease-in-out; transition: opacity 3s ease-in-out; } </style> Link to comment
Guest Posted January 29, 2014 Share Posted January 29, 2014 wowpages, that worked fairly well. However, does anyone know how to get the description to be synchronized with the images. I can't find the right selectors. Here's my page https://jack-stull-owei.squarespace.com/ Link to comment
Guest Posted October 13, 2014 Share Posted October 13, 2014 is there any way to get pictures to fade into each other rather than fade to black first? Link to comment
Guest Posted August 25, 2015 Share Posted August 25, 2015 Thank you Suzie! Here is another Ease-Out style of transition if you don't like how Ease-In-Out looks. I got this from this website: http://matthewlein.com/ceaser/, but had to base on Suzie's to get it to work for my site. .slide { visibility: visible !important;-webkit-transition: opacity 2500ms cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: opacity 2500ms cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: opacity 2500ms cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: opacity 2500ms cubic-bezier(0.000, 0.000, 0.580, 1.000); /* ease-out */} Link to comment
Guest Posted August 25, 2015 Share Posted August 25, 2015 Here is another Ease-Out style of transition if you don't like how Ease-In-Out looks. I got this from this website: http://matthewlein.com/ceaser/, but had to base on Suzie's to get it to work for my site. .slide { visibility: visible !important; -webkit-transition: opacity 2500ms cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: opacity 2500ms cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: opacity 2500ms cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: opacity 2500ms cubic-bezier(0.000, 0.000, 0.580, 1.000); / ease-out / } Link to comment
ArminB Posted November 20, 2015 Share Posted November 20, 2015 anyone archived a very smooth transition (would need that for relax products)? thanks a lot About Armin:Squarespace Expert Profile: https://www.squarespace.com/designer/profile/3649084Website: www.braunsberger-media.comLeaders Lodge: See my Profile Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.