Nouvelles
Téléchargements
Liens
FAQ
Livre d'or
Forum
Sujet n°14 -
Personnaliser Camera
- par han le 18/09/2016 @ 15:32
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 :
Code :loader: 'bar',
barPosition: 'top',
Mais est-il possible de changer la couleur de cette barre et celle du fond sur lequel est défile (apparemment ce sont des element.style)?
- 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
Réponse n° 1
- par JeanDenis le 19/09/2016 @ 07:39
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,
Réponse n° 2
- par han le 19/09/2016 @ 23:40
Bonsoir Jean-Denis,
Clair, net et précis !
Merci.
Réponse n° 3
- par han le 21/09/2016 @ 19:02
Re,
J'ai regardé le fichier camera.js.
Mais je n'ai pas trouvé pour changer la couleur et l'opacité des flèches de navigation : ai-je mal regardé ?
Cordialement.
Réponse n° 4
- par JeanDenis le 21/09/2016 @ 23:17
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,
Réponse n° 5
- par han le 21/09/2016 @ 23:37
Re,
Citation : HanMais je n'ai pas trouvé pour changer la couleur et l'opacité des flèches de navigation : ai-je mal regardé ?
En fait, il s'agissait bien de la couleur et l'opacité du FOND... Désolé pour mon manque de précision ! 
C'est parfait.
Merci.
Rectifié par han le 21/09/2016 @ 23:41
© 2004-2020 
