replicating instagram widget to add hotlink

5 replies · opened Mar 30, 2019

BbagginsMar 30, 2019

Hello,

I would like to replicate the instagram widget (masonry thumbnail) so that I can dynamically populate with my own images and make the images into a hotlink.

How would I go about doing this?

BbagginsMar 30, 2019

I was able to replicate most of the instagram widget but the formatting not ideal because it displays images into 4 rows instead of 3:
image image image image
image
image image image image
image image image

Here is my code:

<div id="instagram" class="masonry-thumbs grid-4" data-count="12">
<h4 class="highlight-me">Instagram Photos</h4>
<div data-lightbox="gallery">
<?php blahblah ?>
" data-lightbox="gallery-item">" alt="Lightbox Image">
<?php } ?>
</div>
</div>

BbagginsMar 30, 2019

SOLVED! The lightbox and title was making the formatting crazy. Here's my correct code:

<div id="instagram" class="widget clearfix">

    Instagram Photos

</div>

<?php include("blahblah");?>

	[
![attachment](/blahblah/)
">](blahblah.php?inpprogid=)

<?php } ?>
`</div>

SSemicolon WebSTAFFMar 31, 2019

Hello,

Please provide us with a Live URL so that we can check out the exact issue and provide you with more assistance on this. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

BbagginsMar 31, 2019

No need for additional support on this ticket. I already resolved.

SSemicolon WebSTAFFMar 31, 2019

Hello,

Glad that your issues were resolved.

Do let us know if we can help you with anything else or if you find any further issues with Canvas.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard