Integrating Responsive Slider and...

User 2824589 Photo


Registered User
9 posts

Good day to all,
I have a slider that is made up of a single image. This image however contains multiple smaller pictures of products. I am using the slider for effect purposes.
My challenge is that I need to be able to use each icon on the image of the slider as a hotspot that I can link the hotspot/image to open another page.
Would it be possible to use image mapper for this purpose. I have no idea how to try and integrate the two.
Would appreciate some ideas.
I do need the slider for effect. Unless there is another option to get similar effect.
kind regards
Zack
User 187934 Photo


Senior Advisor
20,181 posts
Online Now

Hi Zack,
I would think this could be done. Have you tried it at all?
Here's a demo I found.
http://jsfiddle.net/Mottie/ycUB6/4007/
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2824589 Photo


Registered User
9 posts

Hi Eric,
Thank you for this.
I have tried a few combinations but really needed a kick start.
I will try this the weekend and post back.
Thanks again.rgs
Zack
User 187934 Photo


Senior Advisor
20,181 posts
Online Now

Here's a RSD Boostrap 4 site with a CC RCS slider with one slide made with CC's Image Mapper that also has colorbox integrated.
http://ericrohloff.com/coffeecup/ccforu … e-7b7768d7

I did notice that I'm getting a little styling issue on the colorbox from Bootstrap. I'll see if I can fix those with an override.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 103173 Photo


VP of Software Development
0 posts

Eric Rohloff wrote:
Here's a RSD Boostrap 4 site with a CC RCS slider with one slide made with CC's Image Mapper that also has colorbox integrated.
http://ericrohloff.com/coffeecup/ccforu … e-7b7768d7

I did notice that I'm getting a little styling issue on the colorbox from Bootstrap. I'll see if I can fix those with an override.

Ok, that image map rocks!! :)
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.