Opacité shadowbox
Résolu/Fermé
lambartillustration
Messages postés
20
Date d'inscription
samedi 24 octobre 2009
Statut
Membre
Dernière intervention
18 octobre 2011
-
6 juin 2010 à 16:34
lambartillustration Messages postés 20 Date d'inscription samedi 24 octobre 2009 Statut Membre Dernière intervention 18 octobre 2011 - 18 oct. 2011 à 10:42
lambartillustration Messages postés 20 Date d'inscription samedi 24 octobre 2009 Statut Membre Dernière intervention 18 octobre 2011 - 18 oct. 2011 à 10:42
15 réponses
avion-f16
Messages postés
19249
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
15 juin 2024
4 505
6 juin 2010 à 17:14
6 juin 2010 à 17:14
Par défaut c'est déjà transparent, overlayOpacity déjà 0.5.
Les options sont à mettre dans la méthode "init".
Les options sont à mettre dans la méthode "init".
Shadowbox.init({
option: 'valeur',
option2: 'valeur'
});
lambartillustration
Messages postés
20
Date d'inscription
samedi 24 octobre 2009
Statut
Membre
Dernière intervention
18 octobre 2011
6 juin 2010 à 17:19
6 juin 2010 à 17:19
Bonjour, merci de votre réponse !
ça ne fonctionne pas dans mon cas :-(
Voici ce que j'ai demandé de faire à mon ordinateur :
<link rel="stylesheet" type="text/css" href="../shadowbox.css">
<script type="text/javascript" src="../shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init({
handleOversize: "drag",
modal: true
overlayOpacity:'0,5'
});
</script>
il doit manquer une virgule ou quelque chose ...
ça ne fonctionne pas dans mon cas :-(
Voici ce que j'ai demandé de faire à mon ordinateur :
<link rel="stylesheet" type="text/css" href="../shadowbox.css">
<script type="text/javascript" src="../shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init({
handleOversize: "drag",
modal: true
overlayOpacity:'0,5'
});
</script>
il doit manquer une virgule ou quelque chose ...
avion-f16
Messages postés
19249
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
15 juin 2024
4 505
Modifié par avion-f16 le 6/06/2010 à 17:22
Modifié par avion-f16 le 6/06/2010 à 17:22
C'est un nombre à virgule qu'il faut indiquer, pas une chaine.
Ton ordinateur ne fait pas ce que tu veux ... mais ce que tu lui dis de faire.
<script type="text/javascript" src="../shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init({
handleOversize: "drag",
modal: true,
overlayOpacity: 0.5
});
</script>
Ton ordinateur ne fait pas ce que tu veux ... mais ce que tu lui dis de faire.
lambartillustration
Messages postés
20
Date d'inscription
samedi 24 octobre 2009
Statut
Membre
Dernière intervention
18 octobre 2011
6 juin 2010 à 17:32
6 juin 2010 à 17:32
Je viens de le faire mais ça ne fonctionne pas non plus...
<link rel="stylesheet" type="text/css" href="../shadowbox.css">
<script type="text/javascript" src="../shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init({
handleOversize: "drag",
modal: true ,
overlayOpacity: 0.5
});
J'ai un autre script Js pour la même page ( coulissement d'images):
Peut-être que les deux interfèrent...De plus, même si ma galerie s'affiche plutôt bien, il inverse l'ordre des image (il commence par m'afficher l'image 4/4, par ex.)..Je ne sais pas si c'est lié...
Mais merci d'avoir répondu ! Je travaille dessus !
<link rel="stylesheet" type="text/css" href="../shadowbox.css">
<script type="text/javascript" src="../shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init({
handleOversize: "drag",
modal: true ,
overlayOpacity: 0.5
});
J'ai un autre script Js pour la même page ( coulissement d'images):
Peut-être que les deux interfèrent...De plus, même si ma galerie s'affiche plutôt bien, il inverse l'ordre des image (il commence par m'afficher l'image 4/4, par ex.)..Je ne sais pas si c'est lié...
Mais merci d'avoir répondu ! Je travaille dessus !
lambartillustration
Messages postés
20
Date d'inscription
samedi 24 octobre 2009
Statut
Membre
Dernière intervention
18 octobre 2011
18 oct. 2011 à 10:42
18 oct. 2011 à 10:42
Bonjour !
Je réponds super tard !! désolé.
En fait, pour l'ordre de vos images, précédez comme il suit :
En espérant que ça aide...
Je réponds super tard !! désolé.
En fait, pour l'ordre de vos images, précédez comme il suit :
<a href="image1.jpg" rel="Shadowbox[bdj]"><img src="Image sur laquelle on clique pour avoir la shadow box.jpg" alt=""></a><a href="image2.jpg" rel="shadowbox[bdj]"></a><a href="image3.jpg" rel="shadowbox[bdj]"></a>
En espérant que ça aide...
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
avion-f16
Messages postés
19249
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
15 juin 2024
4 505
6 juin 2010 à 17:50
6 juin 2010 à 17:50
Si tu utilises un framework JS :
https://www.shadowbox-js.com/support.html#adapters
https://www.shadowbox-js.com/support.html#adapters
lambartillustration
Messages postés
20
Date d'inscription
samedi 24 octobre 2009
Statut
Membre
Dernière intervention
18 octobre 2011
6 juin 2010 à 17:56
6 juin 2010 à 17:56
J'ai déjà installé la blibiothèque jquery...(jquery-1.4.2) Les autres je ne les connais pas
( ce ne serait pas drôle sinon ! )
Je vais chercher encore, je ne doit pas être loin ! ;-)
Merci en tout cas, si je trouve, je tiens au courant !
( ce ne serait pas drôle sinon ! )
Je vais chercher encore, je ne doit pas être loin ! ;-)
Merci en tout cas, si je trouve, je tiens au courant !
avion-f16
Messages postés
19249
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
15 juin 2024
4 505
6 juin 2010 à 18:04
6 juin 2010 à 18:04
Pas besoin de les installés :)
Lorsque tu télécharges Shadowbox, sélectionne "jQuery" dans la liste déroulante.
Lorsque tu télécharges Shadowbox, sélectionne "jQuery" dans la liste déroulante.
lambartillustration
Messages postés
20
Date d'inscription
samedi 24 octobre 2009
Statut
Membre
Dernière intervention
18 octobre 2011
Modifié par lambartillustration le 6/06/2010 à 18:27
Modifié par lambartillustration le 6/06/2010 à 18:27
Je viens de tout remettre en place (il est vrai que je n'avais pas fais attention au menu déroulant...)
Mais ... toujours pas :-(
J'essaie alors de comprendre le code source que l'on peut trouver sur le site de bas de shadowbox :
<link rel="stylesheet" type="text/css" href="build/shadowbox.css">
<script type="text/javascript" src="build/shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init({
// a darker overlay looks better on this particular site
overlayOpacity: 0.8
// setupDemos is defined in assets/demo.js
}, setupDemos);
</script>
Peut-être que ça n'a rien à voir mais le " // setupDemos is defined in assets/demo.js
}, setupDemos);" m'intrigue...
Mais ... toujours pas :-(
J'essaie alors de comprendre le code source que l'on peut trouver sur le site de bas de shadowbox :
<link rel="stylesheet" type="text/css" href="build/shadowbox.css">
<script type="text/javascript" src="build/shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init({
// a darker overlay looks better on this particular site
overlayOpacity: 0.8
// setupDemos is defined in assets/demo.js
}, setupDemos);
</script>
Peut-être que ça n'a rien à voir mais le " // setupDemos is defined in assets/demo.js
}, setupDemos);" m'intrigue...
avion-f16
Messages postés
19249
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
15 juin 2024
4 505
6 juin 2010 à 19:18
6 juin 2010 à 19:18
Pourrais-je voir en ligne ?
lambartillustration
Messages postés
20
Date d'inscription
samedi 24 octobre 2009
Statut
Membre
Dernière intervention
18 octobre 2011
6 juin 2010 à 19:25
6 juin 2010 à 19:25
Je vais tenter de le mettre en ligne demain, en fin d'après-midi. Il me manque des photos que je n'ai pas où je suis actuellement. . . Je te tiens au courant dès que c'est faut ! Je te remercie beaucoup de ton implication !
J'espère à demain !
J'espère à demain !
lambartillustration
Messages postés
20
Date d'inscription
samedi 24 octobre 2009
Statut
Membre
Dernière intervention
18 octobre 2011
8 juin 2010 à 18:36
8 juin 2010 à 18:36
Re !
Je n'ai pas pu encore mettre mon site en ligne. J'espère le faire dans la nuit.
En attendant, je ne sais pas si ça peut vous aider (sans les css, le visuel et les ocdes sources :-( ). J'ai ajouté l'opacité dans un ID comme il suit :
#sb-container{position:fixed;margin:0;background:red;opacity:0.9;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
J'ai l'opacité du background MAIS elle s'applique aussi sur l'image censée être mise en avant...
On ne sais jamais. je vous post un message dès que mon site est en ligne. Merci encore !
Je n'ai pas pu encore mettre mon site en ligne. J'espère le faire dans la nuit.
En attendant, je ne sais pas si ça peut vous aider (sans les css, le visuel et les ocdes sources :-( ). J'ai ajouté l'opacité dans un ID comme il suit :
#sb-container{position:fixed;margin:0;background:red;opacity:0.9;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
J'ai l'opacité du background MAIS elle s'applique aussi sur l'image censée être mise en avant...
On ne sais jamais. je vous post un message dès que mon site est en ligne. Merci encore !
avion-f16
Messages postés
19249
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
15 juin 2024
4 505
8 juin 2010 à 19:41
8 juin 2010 à 19:41
Ajoute ça :
#sb-container * { opacity: 1.0; }
lambartillustration
Messages postés
20
Date d'inscription
samedi 24 octobre 2009
Statut
Membre
Dernière intervention
18 octobre 2011
8 juin 2010 à 19:59
8 juin 2010 à 19:59
héhé ! Je sens que l'on se rapproche...Mais ça me fait le contraire : le background est en opacité 100% mais pas l'image qui doit être mise en avant qui, elle, conserve son opacité à 0,5.. Je cherche encore ! merci en tout les cas !
lambartillustration
Messages postés
20
Date d'inscription
samedi 24 octobre 2009
Statut
Membre
Dernière intervention
18 octobre 2011
10 juin 2010 à 07:51
10 juin 2010 à 07:51
Bonjour ! Malgres qu'il reste quelques bugs, j'ai mis mon site en ligne :
http://www.lambartillustration.com
Vous verrez ainsi mes codes. Je vous remercie d'avance car je n'ai toujours pas trouvé le problème :-(
http://www.lambartillustration.com
Vous verrez ainsi mes codes. Je vous remercie d'avance car je n'ai toujours pas trouvé le problème :-(
lambartillustration
Messages postés
20
Date d'inscription
samedi 24 octobre 2009
Statut
Membre
Dernière intervention
18 octobre 2011
21 mars 2011 à 18:53
21 mars 2011 à 18:53
Malheureusement, je ne serais pas expliquer pourquoi ça ne marchait pas.
Je sais que c'est rageant pour les gens qui cherchent une solution à leur problème de tombé sur un "sujet résolu" alors qu'ici, la réponse n'est pas apportée.
Cependant, je me suis retourné vers un autre code shadowbox venant d'un autre site. Je conseille donc à ceux qui ont eu le même problème que moi de reprendre, malheureusement, tout à zéro et de reprogrammer un autre code...
Je sais que c'est rageant pour les gens qui cherchent une solution à leur problème de tombé sur un "sujet résolu" alors qu'ici, la réponse n'est pas apportée.
Cependant, je me suis retourné vers un autre code shadowbox venant d'un autre site. Je conseille donc à ceux qui ont eu le même problème que moi de reprendre, malheureusement, tout à zéro et de reprogrammer un autre code...