Easiest way to create a "lightbox"...

User 2077347 Photo


Registered User
158 posts

Wayan,

You're not using RSD for that tutorial are you? Looks like FF...is there a way to transfer an RSD site into a FF without a rebuild?
User 2699991 Photo


Registered User
5,392 posts
Online Now

Kristi wrote:
Wayan,

You're not using RSD for that tutorial are you? Looks like FF...is there a way to transfer an RSD site into a FF without a rebuild?


Yest I am using RSD with the FF wireframe

sorry if it looks like RFF that's only my web-site title,, (I use only RSD (with RFF wireframe) or RFF standalone, If your project is RSD using the Bootstrap wireframe then you cannot do like my demo as I believe Bootstrap doesn't have modal window component available.

If you are using RSD with foundation wireframe then you are good to go just follow along
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS


A simple quick way to contact me
https://mawarputih.coffeecup.com/forms/contact-wayan/
User 470292 Photo


Registered User
19 posts

Hi,
I sort of understand how to use the component modal reveal, but now what I'm struggling with is that once I have the pop up image, I would like to have not only one image but 3 or 4, where I could then have arrows to go to the next image. I would like it to be similar to the "orbit" component, but on a pop up (like the modal reveal). How an I do it?
Many thanks for your help!
User 2699991 Photo


Registered User
5,392 posts
Online Now

Ricardo wrote:
Hi,
I sort of understand how to use the component modal reveal, but now what I'm struggling with is that once I have the pop up image, I would like to have not only one image but 3 or 4, where I could then have arrows to go to the next image. I would like it to be similar to the "orbit" component, but on a pop up (like the modal reveal). How an I do it?
Many thanks for your help!


I have a video showing exactly that, but my new site still not ready
give me another day (Sunday - Bali Time) & I will put it up for you, in the meantime I think one of the forum members "Alter Eagle" has a step by step tutorial for something similar also
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS


A simple quick way to contact me
https://mawarputih.coffeecup.com/forms/contact-wayan/
User 458539 Photo


Registered User
1,647 posts

Looking forward to this - I need it to. I am using Visual lightbox right now but Eric had to show me a work around to make it work with the later revs of RSD

Sure seems like an great opening for a software package!!!!!!!!
User 187934 Photo


Senior Advisor
20,271 posts

I thought cc would’ve made the responsive content slider modal capable. I use colorbox almost exclusively because I’m familiar with it and can add it to a site in minutes.
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 470292 Photo


Registered User
19 posts

Wayan Jaya wrote:

I have a video showing exactly that, but my new site still not ready
give me another day (Sunday - Bali Time) & I will put it up for you, in the meantime I think one of the forum members "Alter Eagle" has a step by step tutorial for something similar also

Thank you Wayan!
User 2699991 Photo


Registered User
5,392 posts
Online Now

Ricardo wrote:
Wayan Jaya wrote:

I have a video showing exactly that, but my new site still not ready
give me another day (Sunday - Bali Time) & I will put it up for you, in the meantime I think one of the forum members "Alter Eagle" has a step by step tutorial for something similar also

Thank you Wayan!



here is a link to the videos on youtube
the first one showing how to put the modal window in & link to the thumbnails (if you already familiar with the process for that skip it
https://youtu.be/lwsO-8xXg_4

Part2 following on from part 1
https://youtu.be/52u3Yq0BiWo

part3
https://youtu.be/HtJST8JDn7c

have a look hope they help any problems let me know

Wayan
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS


A simple quick way to contact me
https://mawarputih.coffeecup.com/forms/contact-wayan/
User 2699991 Photo


Registered User
5,392 posts
Online Now

there is a fix for the little jump that occurs when the modal comes into & goes out of view

this was provided by Alter Eagle

<style>
/* ==== REVEAL REPAIR ==== */
body.is-reveal-open {
overflow: visible !important;
}
.reveal-overlay {
overflow: hidden;
}
</style>
place it in the page header section on any pages you have a modal window in
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS


A simple quick way to contact me
https://mawarputih.coffeecup.com/forms/contact-wayan/
User 470292 Photo


Registered User
19 posts

Wayan Jaya wrote:

here is a link to the videos on youtube
the first one showing how to put the modal window in & link to the thumbnails (if you already familiar with the process for that skip it
https://youtu.be/lwsO-8xXg_4

Part2 following on from part 1
https://youtu.be/52u3Yq0BiWo

part3
https://youtu.be/HtJST8JDn7c

have a look hope they help any problems let me know

Wayan

Thank you Wayan! That was extremely helpful.
Now to complicate things a little more, is it possible that in the pop up some thumbnails can be included?
For example, when you click on the pic, the pop up comes and inside I would have another 3 or 4 thumbnails of other pictures that could be viewed in the same pop up. It's sort of having the "orbit" but in the pop up? Does that make sense? Is possible to do?
Many thanks,

Ricardo

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.