11496 sujets

JavaScript, DOM et API Web HTML5

[Résolu] Shadowbox dans une page constituée d'includes

Bonjour,
J'ai une page index de mon site qui est constituée d'includes:
<body>
<?php include_once("analyticstracking.php") ?>
<?php include("INCLUDES/TOP.php"); ?>
<?php include("INCLUDES/MENU.php"); ?>              
<?php include("INCLUDES/accueil.php"); ?>
<?php include("INCLUDES/footer.php"); ?>
</body>


je veux insérer dans cette page d'accueil une shadowbox qui s'ouvre immédiatement (une annonce d'actualités).

j'ai donc inséré le script:
<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>

dans l'en tête

puis:
 <script type="text/javascript" src="shadowbox/shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init({
    skipSetup: true
});

window.onload = function() {

    Shadowbox.open({
        content:    "IMAGES2011/2014.jpg",
        player:     "img",
        title:      "",
        height:     608,
        width:      1000
    });
}
</script>

dans le body

ça ne fonctionne pas.


J'ai essayé d'intégrer toute la partie de code liée à la shadowbox dans ma page "accueil.php"
si je ne regarde que la page "accueil.php" ça fonctionne
si je regarde ma page index avec sa série d'includes, ça ne fonctionne plus

une idée?
merci
bonsoir,

pour commencer tu charges deux fois le js de shadowbox donc laisse exclusivement celui dans le header

pour ce qui est de cette partie du code :

<script type="text/javascript">
Shadowbox.init({
    skipSetup: true
});

window.onload = function() {

    Shadowbox.open({
        content:    "IMAGES2011/2014.jpg",
        player:     "img",
        title:      "",
        height:     608,
        width:      1000
    });
}
</script>


essai de l’intégrer juste avant de la fermeture de ta balise body en bas de page
Génial! top!
ça marche nikel
merci mille fois

donc dans mon header:
<link rel="stylesheet" type="text/css" href="shadowbox/shadowbox.css">
<script type="text/javascript" src="shadowbox/shadowbox.js"></script>


et dans le corps juste à la fin:
<script type="text/javascript">
Shadowbox.init({
    skipSetup: true
});

window.onload = function() {

    Shadowbox.open({
        content:    "IMAGES_2011/2014.jpg",
        player:     "img",
        title:      "",
        height:     608,
        width:      1000
    });
}
</script>

</body>


Smiley smile
Sujet clos
Aller à