cancel
Showing results for 
Search instead for 
Did you mean: 

Click images to enlarge on screen

Click images to enlarge on screen

I'd like the ability to set images (or links to images) to enlarge in Canvas the way they do here in the community (maybe by setting the target to overlay?). Click the image for an example:

184208_2016-02-21+17.51.12-1 smaller.jpgSarasota bay as seen from the eastern coast of Bradenton beach

This could be useful for images in quizzes, like a periodic table.

38 Comments
Community Team
Community Team

It would be nice to have this feature in Canvas. In the meantime, you can accomplish this, or something like it, with a button toggle:

<h4><span class="element_toggler btn btn-primary" role="button" aria-controls="instructions" aria-label="Toggler toggle list visibility" aria-expanded="false"> Click here for additional information.</span></h4>

<ul id="instructions" style="list-style: none; display: none;">

<li>

<h4><strong>Here is The Information You Want</strong></h4>

<p><a href="https://secure.flickr.com/photos/97523510@N00/4538543133"><img style="max-width: 500; max-height: 500;" title="Bike cookies" src="https://farm3.static.flickr.com/2710/4538543133_9849f5b2a3.jpg" alt="Bike cookies" width="242" height="182" /></a></p>

</li>

</ul>

<p>here is some more text...</p>

You could tweak this code to change the button and, of course, you can change the "Click here..." instruction to whatever works in context.

Community Team
Community Team

By the way, olexar, credit for the above solution goes to awebster​. For more ideas, please refer to Image popup inside a quiz question​.

Community Member

Thank you for this! I just tried it in my Sandbox course, and it doesn't really do what I'd like it to do. Using my periodic table example, often the information is written very small. Being able to have it open and overlay the screen would allow the students to see any detail they'd need, and then easily close it out.

1024px-Periodic-table.jpg

I should also mention that I checked the sandbox page with the button on the Canvas (iOS) app, and like a few other codes I've tried, it didn't work. =(

Community Team
Community Team

I'm glad you tested it, olexar, and took the extra step of checking out whether it would work in mobile (bummer that it doesn't). I knew the workaround wasn't either truly or entirely representative of your feature idea, but hoped it might be workable as an interim solution. I'd love to see this image overlay feature available, and will upvote it when it opens for voting on April 6.

Community Member

This idea has moved to the next stage and will be open for voting among the Canvas Community, from Wed. April 6, 2016 - Wed. July 6, 2016.

Check out this doc for additional details about how the voting process works!

Navigator

Voted! Those interested in this idea may also want to see:

Community Member

Now that we're open for voting, here's my nephew Dozer to ward off the " modifiedtitle="true" title="Panda-Cat...

Handsome boxer breed dog named dozer

PS: Click the image to enlarge!

Community Coach
Community Coach

He's a handsome boy, but let's not prejudice him on Panda Cats. Very useful creatures, and rare I understand!

Okay, rare in real life, but frequently spotted by critter watchers in this virtual space. Below is a picture of one caught by an intrepid wildlife explorer in it's native habitat.

178739_pastedImage_0.jpg

Agent K.

Community Member

I, too, vote for a flying Dozer.

Community Member

Yes please! I really need this for my online course.