MxForum.be est de retour/MX · SX · Enduro depuis 2003

Ce site est optimisé pour être consulté depuis un navigateur moderne dans lequel JavaScript est activé.

Aide pour implémenter Lytebox dans un iFrame

Madpear

J'utilise Lytebox pour une galerie sur un site. Selon les créateurs de Lightbox, Lytebox s'implémente mieux dans les iFrames.
Pourtant, même si l'image s'affiche correctement, seul le frame d'où est appelé la photo s'assombrit.

En suivant les indications trouvées sur le site de Lytebox

iFrames: If you plan to use Lytebox in an iFrame environment, then you need to include lytebox.css in the parent document, while including lytebox.js in the iFrame document

J'ai inséré ce code dans ma page galerie

<script type="text/javascript" language="javascript" src="../js/lytebox.js"></script>
<link rel="stylesheet" href="../css/lytebox.css" type="text/css" media="screen" />

Et celui ci dans toutes les pages parent (ben oui tant qu'à faire)

<link rel="stylesheet" href="../css/lytebox.css" type="text/css" media="screen" />

Malgré cela, ça ne fonctionne pas.
Alors elle est où l'erreur?

PS.
Si je n'insère pas le code

<link rel="stylesheet" href="../css/lytebox.css" type="text/css" media="screen" />

Ca ne fonctionne pas du tout! Voila pourquoi il se retrouve dans toutes les pages

Fred

Tu aurais un lien vers la page ?

Madpear

La page
http://acadmx.be/html/photos.html

dans le site
http://acadmx.be/
section photos

Fred

Je ne vois pas d'erreur ?

Madpear

Quand tu regardes la page depuis le site, lorsque tu cliques sur un thumbnail, l'assombrissement ne se fait que sur une partie de la page (en fait uniquement sur la partie d'où est appelé le lien).
Je voudrais que l'assombrissement se fasse sur toute la fenêtre, comme c'est le cas, par exemple, sur la page des annonces de MXF.

En même temps il n'y a pas mort d'homme si ça reste comme ça, mais j'aime que les choses soient biens faites ;-)

MXF_Gonzila

Difficile de juger comme ça, mais dis moi si je me trompe.
Ton assombrissement se fait en CSS apparement. Je pense que le css n'agit que sur les frames ou le CSS apparait. Il me semble que le top et le bottom de ton site n'est pas repris dans ces frames et le CSS n'agit donc pas la.
Je n'ai jamais utilisé de frames, je fais tout avec des divisions et du CSS donc c'est peut-être quelque chose d'autre mais d'après ce que j'ai vu du code que tu nous montre et du site, le problème pourrait venir de la.
Tiens nous au jus

Madpear

Voila, le CSS est sur toutes les pages concernées, mais rien n'y fait.
Bah, c'est pas grave.

MXF_Gonzila

Peux-tu nous montrer le code de la page HMTL de ta galerie ainsi que le CSS qui y correspond histoire de voir si je vois quelque chose

Madpear

Le CSS: http://www.mediafire.com/?cl9bjvxtbn5
La page galerie: http://www.mediafire.com/?dodxzv1kbs2

MXF_Gonzila

Je viens d'y jeter un oeil mais il me faut plus de fichier Mad'.
J'ai refais le site chez moi en local avec ce que j'avais mais je n'ai que la page photo sans le menu flash.
Il me faut aussi les fichiers .js nécessaire au fonctionnement du site.
Etant donné que ce que tu m'as donné est est la partie qui est bien assombrie, j'ai besoin du reste pour voir ou est le problème mais comme je le disais plus haut, le css n'est appliqué qu'au code de la galerie.
Pour récapituler, il me faut les fichiers javascript ainsi que le swf du menu.
Si tu as plus facile tu peux me faire un fichier .rar du dossier complet du site et me l'envoyer par msn ou quoi

Madpear

Et voila, tout le site en zip: http://www.mediafire.com/?cjxbdyy3bmy

MXF_Gonzila

Je viens de rentrer, je vais y jeter un oeil ;-)

cedb3

Argh, c'est bête d'utiliser des vieilles frames pour ça

C'est le meilleur moyen pour apparaître au fond des classements des moteurs de recherche.
Je vois que ton site est chez OVH, donc tu peux simplement utiliser du php pour faire ça :

Tu remplaces toutes les extensions .html de tes pages par .php. Par exemple picTop.html devient picTop.php, etc. N'oublie pas de changer les liens dans ton flash aussi.

Dans chaque fichier qui est affiché au centre (comme acad.php), tu ajoutes ceci tout en haut :

<?php include 'picTop.php'; ?>

Et ceci tout en bas :

<?php include 'Menu.php'; ?>

Ainsi en pointant vers acadmx.be/html/acad.php on aura une page complète, avec le haut et le bas, sans frames.

Ah oui hum... Le 2eme moyen pour nicker ton référencement c'est une navigation en Flash. Tu peux faire exactement la même chose en css (exemple), mais c'est un peu de boulot. Au pire mets tous tes liens en dur dans la page, dans un <div style="display:none">, ainsi les moteurs de recherche suivront quand même les liens.

Bon amusement

Fred

J'adore lire ce type de discussion.

PS: j'adore toujours autant ton blog

Madpear

Oulala, j'ai déjà mal la tête.
Je vais essayer ça quand même... un de ces 4
Merki ;-)

Madpear

Bon j'ai essayé, mais ça marche pas, pourquoi ça marche jamais chez moi?

Voici mon code, en utilisant ton exemple:

<html>
<!-- Date de création: 11/08/2007 -->
<head>
</head>
<body bgcolor="#454E57" leftmargin="0" rightmargin="0" marginheight="0" marginwidth="0" topmargin="0" text="white">

<?php include 'picTop.php' ?>

<table width=1015 height=592 border=0 align=center cellpadding=0 cellspacing=0 summary="">
<tr>
<td rowspan=2 width="294" align="left" valign="middle">
<img src="../pic/leftImage.jpg" border="0" width="294" height="592" alt="" align="middle">
</td>
<td width="721" colspan="2" height="46">
<img src="../pic/titre_acad.jpg" border="0" width="181" height="46" align="middle"><img src="../pic/titre_mid.jpg" border="0" align="middle" width="180" height="46" alt=""><img src="../pic/titre_mid.jpg" border="0" align="middle" width="180" height="46" alt=""><img src="../pic/titre_end.jpg" border="0" align="middle" width="180" height="46" alt="">
</td>
</tr>
<tr>
<td width="713" align="left" valign="top">
<basefont color="#ffffff" face="Tahoma"> <br>
texte
</basefont>
</td>
<td><img src="../pic/bande.jpg" border="0" width="8" height="546" alt="" align="middle"></td>
</tr>
</table>

<?php include 'Menu.php' ?>

</body>
</html>

Cette technique, si elle marche, serait nickel, au moins je pourrais avoir l'assombrissement CSS sur toute la page

Fred

Tu aurais pu utiliser les systèmes CMS aussi. Je pense à Wordpress ou Pluxml.

Madpear

Ouais je sais, j'y ai pensé, mais je devais le sortir vite ce site je suis donc resté en terrain connu, ce bon vieux html

cedb3 si tu vois ou est l'erreur dans mon code. Moi je capte pas, en local ca ne marche pas

MXF_Gonzila

En fait Mad, la fonction PHP include sert à inclure un fichier externe. Vérifie que tu as bien un fichier picTop.php ainsi que les autres. Autre chose, vérifie que ton lien pointe au bon endroit. En faisant un <?php include 'picTop.php' ?>, cela signifie que ta page picTop.php est dans le même répertoire que la page en cours.
C'est sur que tu y verras déja plus clair avec des includes, il te reste juste à remplacer tes tableaux par des divisions et tu seras à la pointe de la technologie lol.

Pour te donner une idée de ce que le code donne avec des divisions, voici un site que je suis en train de terminer, tu vas voir qu'on s'y retrouve beaucoup plus facilement et c'est beacoup plus simple à gérer. Tu perdrais peut-être un peu de temps à transformer tout, mais tu irais beaucoup plus vite par la suite.
;-)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Sleep Dreams</title>

<link rel="stylesheet" type="text/css" href="../css/template.css" />
<link rel="stylesheet" type="text/css" href="../css/produits.css" />

<!--[if lt IE 7.]>
<script defer type="text/javascript" src="../includes/pngfix.js"></script>
<![endif]-->

<script LANGUAGE="Javascript">
<!--
function noclick()
{
if (event.button==2)
{
alert('Le clic droit n\'est pas autorisé');
}
}
document.onmousedown=noclick
//-->
</SCRIPT>

</head>

<body>
<?php
include "../connect/connexion.php";
$id = $_GET['id'];
?>
<div id="conteneur">
<div id="header">
</div>

<div id="menu">
<?php
include "../includes/menu.html";
?>
</div>

<div id="menu_bas">
</div>

<div id="main">
<div class="bientot">
DISPONIBLE SOUS PEU
</div>

</div>
<div id="footer">
<div id="bottom">
<p>Copyright &copy; Sleep Dreams 2007</p>
</div>
</div>
</body>
</html>

cedb3

Madpear a écrit
cedb3 si tu vois ou est l'erreur dans mon code. Moi je capte pas, en local ca ne marche pas

Ah oui non en local c'est normal, ça doit être sur ton hébergement OVH pour que ça fonctionne. (Si tu veux vraiment tester en local, tu dois installer un serveur PHP : WAMP sous Windows ou MAMP sous OS X)

J'ai oublié de te dire truc, tu ne dois rien avoir avant l'include du haut et rien après celui du bas.

Donc tout ça va en haut de picTop.php :

<html>
<!-- Date de création: 11/08/2007 -->
<head>
</head>
<body bgcolor="#454E57" leftmargin="0" rightmargin="0" marginheight="0" marginwidth="0" topmargin="0" text="white">

Et ça en bas de Menu.php

</body>
</html>

Page suivante »