Expandable Thumbnails?

[baldwinsh]

I would like to put some thumbnail images on a page that can be clicked on and expanded. I tried to use code in a lightbox effect post by Chris Hofer, but some global css kept it from working correctly. Do you have a suggestion on how I could make this work?

[dbrace]

Hi @baldwinsh,

Have you looked at/for any of the How To Canvas resources @DrNufer?

-Doug

[baldwinsh]

Yes. I love @DrNufer 's videos! How to Canvas has been a lifesaver for me and my colleagues! Unfortunately, the PowerPoint idea that he showed didn't quite do what I was hoping to do.

[amy_holevas · Accepted solution]

@baldwinsh 
I understand what you're trying to do -- my workaround would be:

1. Page 1: Embed the Thumbnail on the Student facing Canvas page with the smaller image
2. Page 2: Create a 2nd Canvas page including the larger image file only. (I would not have this page added to a module but make sure it's published so that when students do click the smaller image, they do not receive an access denied note)
3. Next, add a link to the thumbnail image on Page 1 to Page 2 including the larger image. So that the student's don't get lost if they click the image, you could have Page 2 (larger image page) open in a new tab or on Page 2, include a link/button to go back to Page 1 content.

Definitely not as fancy as a light box can be or coding something with CSS but it's an easier workaround utilizing Canvas functions. I just tried the above option in a sandbox and it seems to be a feasible workaround! I hope this helps!