Autre

Instagram Feed


pase in the body of the page and place a div with an id of “instagram-feed”
<script src="https://code.jquery.com/jquery-3.3.1.min.js"
integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
crossorigin="anonymous"></script>
<script src="https://www.jqueryscript.net/demo/Instagram-Photos-Without-API-instagramFeed/jquery.instagramFeed.js"></script>
<script>
$(window).on('load', function(){
$.instagramFeed({
'username': 'flux.academy',
'container': "#instagram-feed",
'items': 5,
'margin': 1
});
});
</script>

Hide unnessesary stuf et wrap all (code à mettre dans le head de la page)
<style>
.instagram_profile {
display: none
}

.instagram_profile {
display: none
}

.instagram_gallery {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;

-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;

-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;

-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-flow:row wrap;
-ms-flex-flow:row wrap;
flex-flow:row wrap;
}

//controler le nombre d'image par row avec le %
.instagram_gallery a {
width: 33.33% !important;
}

.instagram_gallery a img {
width: 98%!important;
display: block;
height: auto;
}
</style>
Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.