Simple click to enlarge option - Page...

User 2818159 Photo


Registered User
60 posts

What is an easy to implement method to click-to-enlarge images? I've used Fancybox for a prior site but just wondering if there is something either build into V3 for this or something else that you recommend.
User 2699991 Photo


Registered User
5,391 posts
Online Now

Joe P. wrote:
What is an easy to implement method to click-to-enlarge images? I've used Fancybox for a prior site but just wondering if there is something either build into V3 for this or something else that you recommend.


Hi Joe
How do you want to show the enlarged image & how big do you want it to be

I have a modal window component on my site, have a look if you want (it's actually a gallery, but easy enough to do the same effect for any image on any page.

If thats the sort of effect you are looking for let me know & I can give you the instructions on how to do it.

https://albarosa.sdv3tutorials.com

select "components" from the menu

then "galleries" from the left column menu

"Wayan's Modal Gallery"

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 379556 Photo


Registered User
1,602 posts

Last November I was messing about with onclick toggling in Vanilla, and created the attached ludicrously simple file. The method can, of course, be used in any framework.

Frank
Attachments:
User 2699991 Photo


Registered User
5,391 posts
Online Now

I have made a simple single reveal component & added it to the components section on my site, under
SDv3 "miscellaneous"

It's very super easy to do it yourself anyway, I can send instructions on how to do it & some of the styling choices, just let me know if that would be helpful for you.
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 2818159 Photo


Registered User
60 posts

Is there any reason to NOT use a jQuery Lightbox or Fancybox? Is there something included within SD3 that does this that I'm missing?
User 2699991 Photo


Registered User
5,391 posts
Online Now

Joe P. wrote:
Is there any reason to NOT use a jQuery Lightbox or Fancybox? Is there something included within SD3 that does this that I'm missing?

you can use lightbox or the other one
I have suggested an alternative that is in SDv3 which can be made to look similar,,
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 2818159 Photo


Registered User
60 posts

Wayan Jaya wrote:
you can use lightbox or the other one
I have suggested an alternative that is in SDv3 which can be made to look similar,,


Your site doesn't work on desktop and I can't scroll to preview your component. Not sure how that is "in" SD3 when I'd download something you made?
User 2699991 Photo


Registered User
5,391 posts
Online Now

Seems to work from here & for everyone else who has downloaded something

^ I wasn't suggesting you download anything, was just going to show how to do it
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 283347 Photo


Registered User
388 posts

Hey Wayan,

I might have the same issue as Joe P. See attached...as you can see the buttons are off the page... I have to hit F11 to enable full screen to see them (page does not scroll)...as well...in the popup is has >>>> here (for the pdf)...but there is no link...also the button "do it yourself" at the bottom does not link.

Hope this makes sense.
I use Firefox, BTW.
MJ
Attachments:
User 2699991 Photo


Registered User
5,391 posts
Online Now

Wayan Jaya wrote:
Seems to work from here & for everyone else who has downloaded something

^ I wasn't suggesting you download anything, was just going to show how to do it


and you don't scroll, you select the menu button on the left, "Miscellaneous" as I said
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/

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.