Pop up shadowbox qui ne s'ouvre pas.

Version imprimable

Bonjour à tous,

je sèche depuis un petit moment sur une pop up que je veux mettre à l'ouvrture d'un page de mon site.
Je ne comprend pas pourquoi elle ne s'affiche pas. Voici mon code si quelqu'un a une idée je suis preneur.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<link href="shadowbox/shadowbox.css" rel="stylesheet" type="text/css">
	<script type="text/javascript" src="shadowbox/shadowbox.js"></script>
	<script type="text/javascript">
Shadowbox.init({   
    skipSetup: true,
    players: ["png"]
});
window.onload = function(){
    Shadowbox.open({
        content:    'Mailing/Mailing_septembre/canape.png',
        player:     "png",
        title:      "",
        height:     400,
        width:      500,
    }); 
};
</script>

Merci d'avance à ceux qui pourraient m'aider.

25/09/2013, 16h34
Invité
Bonjour,

où est la balise qui déclare accueillir la shadowbox (avec un rel="shadowbox") ?

Code:

<a href="myimage.jpg" rel="shadowbox">My Image</a>
Code:

1 2 3 4 5 6 7 Shadowbox.open({ content: 'Mailing/Mailing_septembre/canape.png', player: "png", title: "", height: 400, width: 500, });
La dernière virgule ne fait pas parti de la syntaxe (width: 500,), certains navigateurs la tolèrent, en l'ignorant, d'autres se vautrent lamentablement dessus.
25/09/2013, 18h53
jeremie84

Bonjour,

Je n'ai pas mis de balise car je ne souhaite pas l'avoir suite à un clic mais au chargement de ma page.

En fait je souhaite avoir au chargement de ma page une shadowbox contenant l'image qui est au chemin /Mailing/Mailing_septembre/canape.png

ça avance ça avance

Citation:

Envoyé par chanyslas

Bonjour,

où est la balise qui déclare accueillir la shadowbox (avec un rel="shadowbox") ?

Code:

<a href="myimage.jpg" rel="shadowbox">My Image</a>

Bon j'ai testé effectivement avec une balise qui appele la shadow box j'ai mis
ce code dans mon head :
Code:

1 2 3 4 5 <link rel="stylesheet" type="text/css" href="shadowbox/shadowbox.css"> <script type="text/javascript" src="shadowbox/shadowbox.js"></script> <script type="text/javascript"> Shadowbox.init (); </Script>
et celui la dans mon body :

Code:

<a href="Mailing/Mailing_septembre/canape.png" rel="shadowbox"> cliquez ici>

si je clique j'ai bien ma shadowbox qui s'ouvre.

Mais je veux pas de clic je veux qu'elle s'ouvre au chargement de la page et là je bloque.

Help me please. :cry:

Solution trouvée à force de recherche

j'ai enfin trouvé une solution! ! ! surement pas l'optimal mais ça a le mérite de fonctionner. :ccool:

J'ai simplement mis une simulation de clic pour ouvrir ma shadowbox au chargement de ma page seul inconvénient elle s'ouvre à chaque chargement et pas une fois par session mais c'est mieux que rien.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!-- SHADOWBOX -->
	<link rel="stylesheet" type="text/css" href="Scripts/shadowbox/shadowbox.css">
	<script type="text/javascript" src="Scripts/shadowbox/shadowbox.js"></script>
	<script type="text/javascript">
	Shadowbox.init ();
	</script>
 
<script type="text/javascript">
function simulateClick(elmt) {
    if(document.all) {
        elmt.fireEvent("onclick");
    } else {
        var evt = document.createEvent("MouseEvents");
        evt.initMouseEvent("click", true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
        elmt.dispatchEvent(evt);
    }
}
</script>
<body onload="simulateClick(document.getElementById('onload'));">
<a id="onload"  href="Mailing/Mailing_septembre/canape.png" rel="shadowbox"></a>
<!-- FIN SHADOWBOX -->