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

Need Assistance with Javascript -> CSS


Excelsior

Question

Hello Squarespace Community,
 
I've been trying to figure out how to recreate a visually similar or identical image carousel using only CSS and HTML. The current code uses Javascript to create class selectors when certain options are set to true or false. My codepen comes from a fork of the original below. As you can see I won't be needing bullet-containers or bullet classes in general since I removed the bullets from my fork. I just want a simple carousel that slides from clicking the arrows and has the transform property for 'previous' and 'next' images so they appear in grayscale behind the primary focused image. Automatic scrolling would be a huge bonus and would complete my project 100%. Please let me know if anyone has suggestions or if someone very generous could help me rewrite this properly. Thank you all for your help and I'll be checking back here for updates frequently.
 
 
Edited by Excelsior
Spelling error
Link to comment
  • Answers 1
  • Created
  • Last Reply

Top Posters For This Question

Popular Days

Top Posters For This Question

Posted Images

1 answer to this question

Recommended Posts

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...