En poursuivant votre visite de ce site, vous acceptez l'utilisation de cookies pour permettre ses différents services. Voir les Mentions légales.
 
 
 
Vous êtes ici :   Accueil » Forum » Camera » Personnaliser Camera
 
 
 
    Imprimer la page...
    Imprimer la section...

Forum - Camera - Personnaliser Camera


Nombre de membres 56 membres
Connectés : ( personne )
Snif !!!
 

clos par JeanDenis le 17/12/2016 @ 06:42  Sujet n° 14

le 18/09/2016 @ 15:32
par han

han

2 messages

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
Site web han
sujet clos Haut  

Réponse n° 1
--------
le 19/09/2016 @ 07:39
par JeanDenis

JeanDenis

Administrateur
22 messages

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...n)
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,

Site web JeanDenis
clos par JeanDenis le 17/12/2016 @ 06:42 Haut  
Réponse n° 2
--------
le 19/09/2016 @ 23:40
par han

han

3 messages

Bonsoir Jean-Denis,

Clair, net et précis !

Merci.
Site web han
clos par JeanDenis le 17/12/2016 @ 06:42 Haut  
Réponse n° 3
--------
le 21/09/2016 @ 19:02
par han

han

4 messages

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.
Site web han
clos par JeanDenis le 17/12/2016 @ 06:42 Haut  
Réponse n° 4
--------
le 21/09/2016 @ 23:17
par JeanDenis

JeanDenis

Administrateur
23 messages

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,

Site web JeanDenis
clos par JeanDenis le 17/12/2016 @ 06:42 Haut  
Réponse n° 5
--------
le 21/09/2016 @ 23:37
par han

han

5 messages

Re,

 
Citation : Han

Mais 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 ! e

C'est parfait.
Merci.
Rectifié par han le 21/09/2016 @ 23:41
Site web han
clos par JeanDenis le 17/12/2016 @ 06:42 Haut  
actif sujet actif   clos sujet clos   Important! Important!   Nouveau Nouveau message
Rectifier Rectifier message   Clôturer Clôturer sujet   Remonter Remonter  
Catégories de discussion  Forum