# A question about responsive slider

**URL:** <https://community.hubspot.com/t/a-question-about-responsive-slider/28820>\
**Category:** CMS Development\
**Tags:** javascript\
**Created:** [December 7, 2020, 7:40am UTC](https://community.hubspot.com/t/a-question-about-responsive-slider/28820 "2020-12-07T07:40:31Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Sergelen](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/sergelen/32/21752_2.png) [@Sergelen](https://community.hubspot.com/u/Sergelen)\
**Post date:** [December 7, 2020, 7:40am UTC](https://community.hubspot.com/t/a-question-about-responsive-slider/28820/1 "2020-12-07T07:40:31Z")

</div>

Hello guys , i’ve created an image slider module, and im planning to use jquery magnific pop up.

Here’s is the link:

> **[Modal dialog - Magnific Popup: Responsive jQuery Lightbox Plugin](https://dimsemenov.com/plugins/magnific-popup/#test-modal)**
>
> You won't be able to dismiss this by usual means (escape or click button), but you can close it programatically based on user choices or actions. | Light and open source responsive lightbox plugin with focus on performance, for jQuery and Zepto.js....

How can i implement these into my module?

---

<div class="post-metadata">

**Author:** ![DanielSanchez](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/danielsanchez/32/48193_2.png) [@DanielSanchez](https://community.hubspot.com/u/DanielSanchez)\
**Post date:** [December 7, 2020, 6:23pm UTC](https://community.hubspot.com/t/a-question-about-responsive-slider/28820/2 "2020-12-07T18:23:51Z")

</div>

Hi @Sergelen ,

I don’t know how to adapt with that link you shared. But I send you a link with code templates that can help you create slider modules: [https://codepen.io/collection/XyrOLw/](https://codepen.io/collection/XyrOLw/)

I created 2 sliders like this, taking scripts made and inserting them in the modules I created for the project: [https://ead.univali.br/](https://ead.univali.br/)

Did this post help solve your problem? If so, please mark it as a solution.

Best regards! 🙂
