Unite Gallery - Installation

→ Installation

On trouve ce procédé, dont l'auteur est Max Valiano sur https://unitegallery.net/ avec la totalité des fichiers à télécharger. Vous pouvez y voir des démonstrations de tous les effets... et il y en a.. C'est une excellente solution pour présenter des galeries d'images. Certains de ses effets complèteront utilement Camera.

Il est distribué sous MIT licence.

Ici, je me suis juste contenté de vérifier son intégration possible dans adHoc, et la façon de l'utiliser le plus simplement possible...

Ensuite, il faudra choisir les effets que vous souhaitez utiliser sur votre site et ne conserver que ceux-là, voire à retourner sur le site de son auteur pour affiner les scripts utilisés, car je n'ai évidemment pas la prétention d'être exhaustif dans ces tutoriels au vu de la quantité de réglages possibles...

Le zip à télécharger : unitegallery.zip est directement issu du zip unitegallery_master de l'auteur. Vous pouvez le décompresser et le placer dans le dossier skin de adHoc.

arborescence-unitegallery

Si vous n'utilisez pas tous les thèmes qui sont décrits dans les pages suivantes, vous pouvez supprimer les thèmes qui ne vous intéressent pas.

Le parti pris de ce site est de déclarer une bonne fois pour toute, les fichiers de base d'Unite Gallery, et dans chaque page utilisant un effet de déclarer pour cette page seulement les fichiers de ce thème.

Ainsi, suivant le procédure décrite dans ce tutoriel, ajouter les lignes suivantes, sans supprimer celle(s) déjà présente(s), dans le fichier skin.inc de votre (de vos) skins :


echo '<!-- SKIN -->
<script type="text/javascript" src="'.PATH_LNK.'skin/unitegallery/js/unitegallery.js"></script>
 <link type="text/css" rel="stylesheet" href="'.PATH_LNK.'skin/unitegallery/css/unite-gallery.css" />
...
';

Pour plus de lisibilité, regroupez les lignes de scripts et les lignes de style. Si vous installez les fichiers à un autre endroit, il vous faut évidemment adapter les chemins à votre configuration.

Me contacter sur le forum de ce site pour toute question ou aide pour installer ces fichiers.




Astuces

adHoc

Iframes responsives

Camera

Unite Gallery

Animations au survol

Autres astuces en CSS

Audio-Players

Carousels