-
Posts
13 -
Joined
-
Last visited
Personal Information
- Website
-
Location
Atlanta, GA
hilary's Achievements
-
Yes, ideally "this image" will be hyperlinked in an email. When clicked on in the email it will open my website, to an image from my site in a lightbox where the user can then opt to close out the window (X) and continue to peruse the site. In other words, I want to be able to direct them to a specific image on my page (a page that has multiple image blocks) and give them the option to continue to look through my website by having that image open in a lightbox. Right now, this is what I have: this image. And this is the page it's pulling from: https://www.hkportfolio.com/extracurriculars.
-
hilary started following Link to a image lightbox
-
I'd like to link directly to an image block already opened in a lightbox. Is this possible? If so, how do it do it? For reference: In an email I'd like to be able to say "refer to this image" and have "this image" hyperlinked to the exact image already opened in a lightbox. They can then 'x' out the lightbox and peruse the sight as necessary.
-
Circle Showcase/Library/Gallery to share code snippits?
hilary posted a topic in Customize with code
Does Squarespace Circle have any kind of gallery or showcase where we can share cool code snippits we've employed on our own sites? Like if we adapted something from CodePen to our own site how can I share it with people so they can use it? -
hilary reacted to a post in a topic: CSS Expert AMA: Becca Harpain
-
hilary reacted to a post in a topic: Endless scroll for homepage
-
Thanks for getting back to me! Bummer...yeah I asked "that-AI-tool-that-shall-not-be-named" and it gave me the following JS, it didn't seem too bad, but you'd have to have access to the Squarespace stylesheet to make it work and I can't figure out how to export that either. Oh well, nice idea! <style> body, html { height: 100%; margin: 0; overflow: hidden; /* Prevents scrollbars */ } .content, .duplicate-content { position: absolute; /* Absolute positioning to stack them */ width: 100%; } .content { top: 0; } .duplicate-content { top: 100%; /* Starts below the original content */ } </style> <script> let content = document.querySelector('.content'); let duplicateContent = document.querySelector('.duplicate-content'); function appendDuplicateContent() { // Clone the original content let clonedContent = content.cloneNode(true); // Append the cloned content to the duplicate content container duplicateContent.appendChild(clonedContent); } // Initially append a duplicate of the content appendDuplicateContent(); window.addEventListener('scroll', function() { const contentHeight = content.offsetHeight; const scrollPosition = window.innerHeight + window.scrollY; if (scrollPosition >= contentHeight) { // When scrolled to the end, append another duplicate appendDuplicateContent(); } }); </script>
- 3 replies
-
- homepage
- javascript
-
(and 1 more)
Tagged with:
-
Hi! I'm trying to make my homepage scroll endlessly, cycling through the content. Meaning when the user gets to the end of the page content (the bottom) the content from the beginning fills in and essentially the page never stops filling with content...if that makes sense. If not, here is a great example of what I'm talking about: https://ryanstrzok.com/. This is my site: hkportfolio.com Again, I only want this on my homepage no other pages on the site. Any help is greatly appreciated!
- 3 replies
-
- homepage
- javascript
-
(and 1 more)
Tagged with:
-
creedon reacted to a post in a topic: Image hover effect only on linked images?
-
Image hover effect only on linked images?
hilary replied to rbrinkerhoff's topic in Customize with code
@creedon Hmm, ok I tried it both ways - with one image block and then multiple and neither worked for me. This did though: 🤷♀️ #block-yui_3_17_2_1_1681922577794_33752:hover, #block-63648473c063af264f4f85f1:hover {filter: drop-shadow(0.15rem 0.15rem 0.04rem rgba(0, 0, 0, 0.5)) } -
hilary reacted to a post in a topic: Image hover effect only on linked images?
-
Image hover effect only on linked images?
hilary replied to rbrinkerhoff's topic in Customize with code
I think my question is along these lines, if it's not please point me in the right direction... I'd like a drop shadow filter added when the various images are hovered over, but the images are placed sporadically throughout the site. I've tried listing the block IDs, separated by commas, but it doesn't work. Do I have to list the :hover animation separately for each image or can I just list it once and if so, how do I do so? Here's what I have: #block-03cb185697cf6cef5ae8:hover {filter: drop-shadow(0.3rem 0.3rem 0.1rem rgba(0, 0, 0, 0.5)) } -
hilary reacted to a post in a topic: Form Subheadings
-
Was anyone able to find a solution for this - turning an accordion on its side/ horizontal accordion? I know you helped with a similar question here https://forum.squarespace.com/topic/214225-slide-tabs-code/. I've searched the forum and maybe I'm not using the correct search terms, but I can't find anything on it.