Image en lightbox au CHARGEMENT de la page
Résolu/Fermé
angel lestat
Messages postés
233
Date d'inscription
jeudi 26 avril 2007
Statut
Membre
Dernière intervention
17 mars 2015
-
20 sept. 2010 à 17:16
rduvrac - 23 avril 2011 à 18:44
rduvrac - 23 avril 2011 à 18:44
A voir également:
- Image en lightbox au CHARGEMENT de la page
- Supprimer une page word - Guide
- Image iso - Guide
- Page d'accueil iphone - Guide
- Word numéro de page 1/2 - Guide
- Traduire la page - Guide
4 réponses
avion-f16
Messages postés
19246
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
21 avril 2024
4 500
20 sept. 2010 à 19:14
20 sept. 2010 à 19:14
Voilà le code à mettre pour une image :
<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({ skipSetup: true, }); window.onload = function() { Shadowbox.open({ content: 'image.png', player: 'img', }); }; </script>
avion-f16
Messages postés
19246
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
21 avril 2024
4 500
20 sept. 2010 à 17:54
20 sept. 2010 à 17:54
Salut.
Je doute que l'idée de simuler un clic sur un lien soit une bonne idée.
Vérifie si le script de lightbox que tu utilises te permette d'ouvrir une photo via une fonction Javascript, sans obligatoirement passer par un lien.
Si c'est le cas, tu pourras appeler cette fonction dans l'évènement onload (de l'objet window).
Je te conseille d'utiliser Shadowbox-JS : adaptables avec des frameworks JS (jQuery, Mootools, Scriptaculous, ...), peut afficher des vidéos provenants des plateformes (YouTube, Dailymotion), des animations Flash (donc aussi des vidéos hébergées sois-même), des galeries, glisser-déposer pour les grandes images, ...
https://www.shadowbox-js.com/
Je doute que l'idée de simuler un clic sur un lien soit une bonne idée.
Vérifie si le script de lightbox que tu utilises te permette d'ouvrir une photo via une fonction Javascript, sans obligatoirement passer par un lien.
Si c'est le cas, tu pourras appeler cette fonction dans l'évènement onload (de l'objet window).
Je te conseille d'utiliser Shadowbox-JS : adaptables avec des frameworks JS (jQuery, Mootools, Scriptaculous, ...), peut afficher des vidéos provenants des plateformes (YouTube, Dailymotion), des animations Flash (donc aussi des vidéos hébergées sois-même), des galeries, glisser-déposer pour les grandes images, ...
https://www.shadowbox-js.com/
angel lestat
Messages postés
233
Date d'inscription
jeudi 26 avril 2007
Statut
Membre
Dernière intervention
17 mars 2015
14
20 sept. 2010 à 18:29
20 sept. 2010 à 18:29
personnellement je ne m'y connais pas en javascript c'est pourquoi j'ai opté pour lightbox avec ses fichiers préfaits. C'est dans des forum qu'on m'a proposé cette methode par simul de clic et je l'ai appliqué.
shadowbox, lightbox et litebox je me dis qu'au finish ce sont les même fichiers
et à la fin je serai obligé de tripatouiller à goch à doit; je saurai pas le faire seul.
merci pour ta contribution.
shadowbox, lightbox et litebox je me dis qu'au finish ce sont les même fichiers
et à la fin je serai obligé de tripatouiller à goch à doit; je saurai pas le faire seul.
merci pour ta contribution.
angel lestat
Messages postés
233
Date d'inscription
jeudi 26 avril 2007
Statut
Membre
Dernière intervention
17 mars 2015
14
20 sept. 2010 à 18:58
20 sept. 2010 à 18:58
j'ai essayé l'exemple donné sur le site de shadows box :
<link rel="stylesheet" type="text/css" href="shadowbox.css">
<script type="text/javascript" src="shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init({
skipSetup: true
});
window.onload = function() {
Shadowbox.open({
content: '<div id="welcome-msg">Welcome to my website!</div>',
player: "html",
title: "Welcome",
height: 350,
width: 350
});
};
</script>
la page reste sombre mais rien ne s'affiche meme si je change le <div> par une image (<img>)
<link rel="stylesheet" type="text/css" href="shadowbox.css">
<script type="text/javascript" src="shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init({
skipSetup: true
});
window.onload = function() {
Shadowbox.open({
content: '<div id="welcome-msg">Welcome to my website!</div>',
player: "html",
title: "Welcome",
height: 350,
width: 350
});
};
</script>
la page reste sombre mais rien ne s'affiche meme si je change le <div> par une image (<img>)
20 sept. 2010 à 22:34
malheureusement le code est tout bonnement ignoré sous explorer. (même arrière-plan ne noirci plus).
donc là je sais pas quoi faire
merci de ton aide
20 sept. 2010 à 22:38
20 sept. 2010 à 22:51
Puisque ca ne fonctionne pas sur IE, peut être c'est un problème de version; j'utilise la version 6
Je sais que cette version est particulièrement capricieuse
20 sept. 2010 à 22:56
if( IE)
{
function lightbox();
}else
{
function shadowbox();
}
Modifié par avion-f16 le 22/09/2010 à 20:28
https://www.commentcamarche.net/contents/580-javascript-l-objet-navigator