# Replacing Home Page Slider

**URL:** <https://community.hubspot.com/t/replacing-home-page-slider/8032>\
**Category:** CMS Development\
**Created:** [March 5, 2018, 4:29pm UTC](https://community.hubspot.com/t/replacing-home-page-slider/8032 "2018-03-05T16:29:12Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Kwaltrip](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/kwaltrip/32/98997_2.png) [@Kwaltrip](https://community.hubspot.com/u/Kwaltrip)\
**Post date:** [March 5, 2018, 4:29pm UTC](https://community.hubspot.com/t/replacing-home-page-slider/8032/1 "2018-03-05T16:29:12Z")

</div>

Hello,

After researching homepage sliders, I’ve noticed that they are not recommended as most people only click the first or second image. I am attempting to redesign our homepage. My design question is two-part:

1. Is it possible to create a homepage “slider image” type layout that can showcases 3 images without actually sliding, each with a clickable surface area or CTA?

2. How can I create responsive images that pop/expand slightly when scrolled over?

What I am trying to accomplish is to have 3 images with CTAs on the homepage, above the fold, that display at about 60% opacity and when each of the 3 is scrolled over, they expand slightly to pop out a little bigger than the other two AND display at 100% opacity to further stand out from the other options? Does this make sense?

Thank you!

---

<div class="post-metadata">

**Author:** ![edjusten](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/edjusten/32/14475_2.png) [@edjusten](https://community.hubspot.com/u/edjusten)\
**Post date:** [March 21, 2018, 7:51pm UTC](https://community.hubspot.com/t/replacing-home-page-slider/8032/2 "2018-03-21T19:51:39Z")

</div>

Hi @Kwaltrip See below for answers to your queries.

_1. Is it possible to create a homepage “slider image” type layout that can showcases 3 images without actually sliding, each with a clickable surface area or CTA?_

You should be able to do this within the Design Manager. You can split a single rich text module into three sections, and link a photo within the module’s source code.

2. How can I create responsive images that pop/expand slightly when scrolled over?

This will take a bit of internediate to advanced coding skills, but can be done using either [Javascript](http://www.dreamincode.net/forums/topic/275478-enlarging-image-on-mouseover/) or [CSS](https://success.crowdflower.com/hc/en-us/articles/202703155-CSS-Guide-to-Enlarge-Images-on-Hover).

Thank you,

Ed Justen

---

<div class="post-metadata">

**Author:** ![Kwaltrip](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/kwaltrip/32/98997_2.png) [@Kwaltrip](https://community.hubspot.com/u/Kwaltrip)\
**Post date:** [March 21, 2018, 8:06pm UTC](https://community.hubspot.com/t/replacing-home-page-slider/8032/3 "2018-03-21T20:06:17Z")

</div>

Awesome! Thank you!