Pop up shadowbox qui ne s'ouvre pas.

**jeremie84** · 25/09/2013, 11h47

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

Invité · 25/09/2013, 16h34

Bonjour,

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

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

**jeremie84** · 25/09/2013, 18h53

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

**jeremie84** · 26/09/2013, 15h18

Envoyé par chanyslas

Bonjour,

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

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

<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.

**jeremie84** · 01/10/2013, 10h31

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

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 -->

Pop up shadowbox qui ne s'ouvre pas.

JavaScript

Discussions similaires

Partager

Partager