Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Search the Community

Showing results for tags 'slideshow-gallery'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
  • Squarespace Forum Club Guidelines's Topics

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location

Found 128 results

  1. Hi, I am using Squarespace 7.1. At the top of my home page I want to have three full bleed banner style pics transitioning as a fading slideshow. I am looking to achieve the following: - I would like the text headings that I will have overlayed on top of the images to remain static during the image transitions - I think these need to be a separate text blocks so they're not affected by the image fading - I would like the slide fading to transition slowly (not abruptly like the current ‘Gallery’ fade setting) How can this be achieved? Any help much appreciated
  2. On a desktop (PC/Mac) my gallery's load completely fine and fast (images are 50-100kb on average) but for some reason if I load a gallery page on a mobile device (Android phone, iPad, etc) the galleries thumbnails are either slow to load images or fail and show the image file name. The images will generally load if I refresh the page but that is a bad user experience. Any thoughts as to what I can do? Link to page: https://www.aprilrainsphotography.com/paris-france
  3. Hi,I'm setiing up a website in 7.1 and would like to have three full width banner images on my homepage transitioning. The images must fade and they must FADE SLOWLY. Currently when I set the transition to autoplay and fade (in a slideshow gallery) the movment between images is too abrupt and doesn't really fade at all. How can this be achieved using code? It's 7.1 and it's the homepage's banner pics that I'm looking at (or a slideshow gallery as banner pics I guess?). I can see from past forums online (pre SS 7.1) that people have used code to slow the fading down between images but the solutions are not geared towards a homepage and I can't see where I can inject code to a banner pic - any help much appreciated, thanks.
  4. Hello guys Like many websites, mine has skyscraper ads of which are ideally designed for viewing on a full screen browser but do not work well for mobile use. I have seen code that would allow single images to be responsive in that a skyscraper (160x600) can be replaced by a square (250x250) advertisement when the browser window reaches a certain minimum/maximum width. Is there such a code that can be done with galleries on Squarespace? For example - I want to have a slideshow gallery of rotating skyscraper ads display on browser screens over 750 px wide. Where anything narrower, I want to have a slideshow gallery of rotatng square ads shown in the same place. Thus optimizing mobile viewing.
  5. The website is https://www.marylucier.net/, and the page I need help with is https://www.marylucier.net/installations. Does anyone know how to remove any and all types of transitions for slideshow image galleries? I have fade has my default transition, but I really don't need a transition in the image gallery. I have tried: .slide { visibility: visible !important; -webkit-transition: opacity 0s ease-in-out; -moz-transition: opacity 0s ease-in-out; -o-transition: opacity 0s ease-in-out; transition: opacity 0s ease-in-out; } but the fade was still there, so I took it out. I also implemented: .slide {; opacity: 1 !important;; } This removes the fade, but there is still a delay between the images. Therefore, when I click from one image to the next, the previous image lingers in the background for a second after the new image comes up. Does anyone know how to remove this delay? It's not noticeable with images that are the same size, but for images that are different sizes it looks incredibly strange. Thanks in advance!
  6. Hi Everybody, Do you know how can we have a very simple slideshow lightbox when i click on an image ? ( I don't want to open a gallery on a new page, i just want to have it in a lightbox ) ( with Wexley template particulary ) Thanks a lot! Ulysse.
  7. Hi there, Does anyone know how to set up the slideshow for product images to autoplay? Cheers,S.
  8. Hi all, Site URL: https://www.brookebuilt.com/ The home page contains a gallery. 2 images have description. On select images, there is a info icon at top right corner. When clicked, the image shrinks and description slides out. Now I want to have the description showing up WITHOUT clicking the info icon. I don't find any settings regarding the info icon behaviour. I also tried to inject jQuery to simulate the click, but the debug console gave me this error: Thanks for your help in advance.
  9. Hi there, I am building a website for a client and they have asked that the gallery grid lightbox 'X' is darker and the left and right arrows are darker and are visible all the time (rather than only on hover). I have scoured the forum and can't seem to find a code that works for the site. The template is Foster. The website is https://apricot-frog-pc6a.squarespace.com Password: lynne.2019 An example of this can be viewed on any of the pages under 'work'. Any help would be greatly received! Many thanks, Hannah
  10. Is there any way to stop a gallery slideshow from autoplaying after there is a click on the previous or next arrow? It's a frustrating experience to try to click manually through images and have the autoplay feature fighting you while you do it.
  11. I'm wanting to know if it's possible to change the layout of a gallery page on just one page. My current style is set to Packed. I'd like one page in an index to be set to Slideshow. I had a solution from the previous forums but it wasn't a full solution. A code infection for my page header would be amazing if anyone has any leads?
  12. Is there a method to limit the height of a slideshow block in a blog to fit the screen? I have multiple slideshow blocks on multiple pages. in some the images are landscape-oriented, in some - portrait. Some portrait images fit the screen width, with height of some extending to 2 and more screen heights, so one has to scroll through an image. Is there a way to limit the height of the slideshow element to fit the screen height, regardless of the image orientation in it? (and fit the image to the block size of course) Thank you
  13. Hey guys, I have the following problem: My Slideshows looks great on desktop, but not as good on mobile, especially for portrait mode pictures. For landscape, it is fitting but the pictures in portrait mode are too small (high). I want them a bit bigger. Is there a possibility to do that? Please take a look on this homepage for instance (on mobile): www.tobiasholub.at Thanks for your help!Michi
  14. Hi there, I'm looking for a solution to make the slideshows autoplay stop when clicked (both the index slideshow and gallery block slideshow) Here are the temp urls:Index https://horse-blue-mllf.squarespace.com Gallery block slideshow example : https://horse-blue-mllf.squarespace.com/artworks/landscapes You need the password wyunabayartist to view. Thanks in advance
  15. Hello Everyone, www.connectiveresults.com I am new to the Squarespace Answers Forums so I apologize if I labeled the topics wrong. I built out my website using the Brine Template and tried hard to give it a unique look and feel. I know that websites are always a work in progress but I would love some of the more advanced users on here to take a look at it and let me know how to make it look even less like a Squarespace template. I'm currently not paying for the Business Plan to add my own code. If you think it is worth the upgrade in order to make the website look more polished then I will look into upgrading. I appreciate any feedback, thoughts, ideas, and tips you have for me. Also, the help topics said that Squarespace updates the site map within 24 hours so I can upload the XML file to Google but it has not updated in a long time and still includes old links I have trashed. Thank you in advance, Robert
  16. Hi! I’m using the Brine template (Wav) and trying to customize my the gallery on my page so you can click a button to view thumbnails. I have the button, but I’m stuck on how to show/hide the thumbnail strip. So far, I have added this to the code injection: <script>function myFunction() { var x = document.getElementById("the div"); if (x.style.display === "none") { x.style.display = "block"; } else { x.style.display = "none"; } }</script> and this is the button on the page: <button onclick="myFunction()">Thumbnails</button> <div id="the div"><p> <br> Thumbnails here </p></div> This is the link to the page: https://adrian-merrick-aks4.squarespace.com/becky-copy Any advice would be greatly appreciated!!
  17. I'm trying to embed a Spotify Follow button with their autogenerated iFrame code on one of my pages, but it just shows up blank. Does anyone know how to make this work?
  18. As part of an index page, I'd like to create a slideshow gallery that looks like the attached screenshot but the image of the phone and the text and button beside it are what slide to display another image of a phone with accompanying text and button. The background image should remain in place. It must be actual text and clickable button and the images of phones are a GIFs. Is there any way to do this in Squarespace? Right now, I have a banner background image and on top of that are two galleries side-by-side set to transition on the same timing to look like it's a single slideshow. The first slideshow has the images and second uses transparent images and is used for the text. But I have to add custom styling to that text, it doesn't actually slide (it just fades in and out), the user can't control the transitions because they're independent slideshows, and I'll have to accommodate separately for mobile. Any better methods for accomplishing this?
  19. This is the first time I have set up a shop for a client. They want to create 3 month subscriptions to a farm box with the option of weekly or fortnightly delivery. They have given me 550 possible product variations that people can select from. Eg. they want people to be able to 'customise' their farm box that can contain everything from eggs (choice of 1-10 dozen), honey (2 different sizes), walnuts, relishes, sauces etc. I had started setting it up but quickly discovered the 100 variant limit. How on earth do I set this up??!!!
  20. I've integrated a photography slider for comparing before & afters of construction jobs. It uses the gallery block to create the comparison slider. For some reason though these sliders dont load, and it just shows the two images stacked. If i reload the page sometimes it will work however. It seems very inconsistent, across all browsers and even mobile it'll either work or not. https://www.rebuildex.com/before-and-after Here is the tut I followed to implement the comparison slider: https://www.rebeccagracedesigns.com/plugins Any suggestions or alternatives would be greatly appreciated!
  21. Looking for a way to create a similar effect as the home page on the website below. I've been experimenting with a few different ways to achieve this and alas, no winners. My brain is coded out. Amber Ladd Home I know this is achieved using a split screen Index Gallery set to slideshow. However, I'm having issues achieving the text to the side of the slideshow on the other half of the screen as shown on the above website. I really like this look for a Home landing page and would like to execute something similar for my own website below. Any help is much appreciated!! Quiddity Design Co Password: Quiddity The landing page it directs you to after entering the password is the page that I would like to implement this design on. @Paul2009 you've been such a wiz on helping me out with some of my questions, while also educating me and it's been fantastic - any insights on how to achieve this style? Thank you!
  22. Hello! I'm trying to figure out how to add a persistent (that is, non-changing) headline and a button over a gallery slideshow. Here’s the site: https://cyan-oarfish-gbna.squarespace.com (password: regan)It’s the slideshow at the top. Here’s the effect we’re trying to recreate: https://www.danareedyhomes.com/ Appreciate any help!!!
  23. Hi there - Im trying to figure out how to put captions on large images in a slideshow, it doesnt have to be a 'slideshow' per se, i just would like to click through a series of captioned images, rather than have the user scroll down the page to look at them. All the support literature appears to reference a template system that no longer exists? I tried to figure out what template i was on using the guide, and i eschewed that the 7.1 update has made templates redundant. Unfortunately all the literature then is out of date? Surely I am missing something very simple, this seems like it would be an extremely basic feature to implement? Any help would be greatly appreciated :)
  24. I want to speed up the fade transitions between images in a typical gallery, faster than what's available as a preset. How do I do this? This link, with its javascript hack, I found helpful for cover pages, where I could really tweak the transition to the millisecond: http://answers.squarespace.com/questions/55637/how-can-i-change-the-speed-of-a-cover-page-slide-show Anything similar for regular galleries? Thanks.
  25. Hi, I have created a horizontal sliding gallery within the Ishimoto theme. It looks great but there is a large white space at the end. Using Inspect on Chrome I have managed to work out what can be changed to make it work correctly but it is a bit of code called element.style which does nothing when used in the Custom CSS Editor. It's the sqs-wrapper element.style bit that can be changed from this: element.style { left: -22.5px; width: 58340px; } to this element.style { left: -22.5px; width: max-content; } How can I permanently apply this? Or does anyone know a better way of doing it? My website is https://dodecahedron-mustard-3naw.squarespace.comp word is billy Go to the Travel section to see what I am talking about. Thank you so much in advance. Billy
×
×
  • Create New...