# SOCIAL-WALL

Permet l'a récupération des images ou vidéo d'un compte Instagram pour l'afficher sur un site Internet


## Installation


**Coté site**

1.  Télécharger le repository :
2. uploader le contenu sur le ftp du site dans : /res/js
3. Dans la page ou vous souhaitez insérer le social wall insérer les balises (Avant ui.js) :
```javascript
        <script src="/res/js/social-wall/doT.js" defer></script>
        <script src="/res/js/social-wall/social-wall.js" defer></script>
```
Dans ui.js
```javascript
var socials = [
	{
		elem: 'insta-feed-container',
		opt: {
			instagram: {
				limit: 6, //nombre d'images à récuperer (optionnel)
				accounts: ['logindu compte'], //login du compte (dans le CMS)
				publicToken: 'd6c1b1d0....' // clé publique avec le role_sw
			},
			template: '/res/js/social-wall/templates/template-instagram.html',//template à utiliser (optionnel)
			callback: function(){//callback à utiliser (optionnel)
				$('.timeline-text-bloc').eq(1).appendTo($('.insta-feed-container'));
			}
		}
	}
];


socialFeed(socials);
```

## loader

Un loader est inserer le temps de chargement des images. Une simple div avec la class : social-wall-loader
Je vous conseil de gerer ce loader en full css. Vous avez des exemples sympa sur ce site : https://loading.io/css/