Forum - Camera - Personnaliser Camera
le 18/09/2016 @ 15:32
par han
Bonjour Jean-Denis,
J'aimerais personnaliser sur ce site ma boite utilisant camera comme dans cet exemple (MAIS sans les vignettes en dessous) :
- barre de chargement en haut des images ;
J'ai rajouté dans le script :
loader: 'bar',
barPosition: 'top',
- apparition des boutons "retour", "suivant" au survol de l'image ;
Là, je n'ai pas trouvé...
Merci.
Rectifié par han le 18/09/2016 @ 15:34
--------
le 19/09/2016 @ 07:39
par JeanDenis
Administrateur
Bonjour Han,
Pour tes deux questions, la réponse se trouve dans le fichier inc/jshead/camera.js
Là se trouvent les valeurs par défaut qu'il est facile de modifier dans la partie <script></script> du code source de ton article.
Pour rétablir les boutons de navigation et playpause
Tu supprimes dans ton code (ou tu remplaces false par true -valeur par défaut-) :
navigation: false,
playPause: false,
Pour les couleurs du loader (que je n'avais pas abordé dans les tutoriels, il est vrai pour ne pas surcharger... mais la solution est toute simple...)
Tu ajoutes dans ton script (j'ai recopié les valeurs par défaut... tu mets ce que tu veux...) :
loaderColor: '#eeeeee',
loaderBgColor: '#222222',
Si tu "fouilles" dans le fichier inc/jshead/camera.js, tu y verras d'autres réglages possibles évidemment : opacité, marges...
à faire dans camera.js ou (c'est la solution que je préfère, pour sa souplesse...) dans le script de ton article...
Amicalement,
--------
le 21/09/2016 @ 23:17
par JeanDenis
Administrateur
Bonsoir Han,
Ce que tu souhaites est à deux endroits différents et se règle dans le code source de ton article, de ta boite libre :
La couleur des "symboles" des boutons : c'est au niveau de la classe, par exemple :
<div class="camera_wrap camera_white_skin" id="camera_wrap_1">
et là, il n'y a que les possibilités offertes par l'image contenue dans inc/csshead/images/camera_skins.png
voir ici https://www.pixedelic.com/plugins/camera/
et pour le fond, il suffit de modifier dans le code source dans la partie <style></style>
.camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands { /* couleur de fond des boutons de navigation */
background: rgba(128, 128, 128, 0.6);
}
pour mémoire, la dernière valeur ( 0.6 ) étant celle de l'opacité, de 0 = transparent, à 1 = opaque.
Amicalement,
--------
le 21/09/2016 @ 23:37
par han
Rectifier message Clôturer sujet Remonter