affichage page html dans colorbox
Bonjour à tous,
j'aurai besoin de vos lumières svp ;)
j'essaye désespérément d'afficher une page html dans la colorbox jQuery v. 1.3.15
j'ai une page index.html avec une image map.
lorsque l'on clique sur une zone, j'aimerais que s'affiche une autre page html.
alors apparemment ça à l'air de fonctionner mais qu'à moitié.
en effet, j'ai bien ma page.html qui s'affiche, aux bonnes dimensions et avec scroll mais impossible d'afficher dans la colorbox. Elle vient s'afficher au dessus de ma "map" après le clic :?
peut être un pb de chemin ? j'ai vérifié et fais divers essais mais rien n'y fait.
Voici ma page index.html
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Bienvenue</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="robots" content="noINDEX,noFOLLOW">
<meta name="revisit-after" content="10 days">
<meta name="description" content="">
<meta name="keywords" content="" />
<link media="screen" rel="stylesheet" href="../templates/site/css/jscolorbox.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script src="../templates/site/js/jquery.colorbox-min.js"></script>
<script>
$(function () {
$("#parcours").colorbox({ width: "50%", height: "50%", iframe: true });
});
</script>
</head>
<body bgcolor="#000">
<center>
<div width="1026" height="768">
<img src="images/accueil2-4.jpg" width="1026" height="768" border="0" alt="" usemap="#accueil2-4_Map">
<map name="accueil2-4_Map" id="map">
<area shape="rect" alt="Entrer" coords="781,102,856,135" href="../index.php" >
<area id="parcours" shape="rect" coords="384,160,629,518" href="../parcours.html" title="Mon parcours">
</map>
</div>
</center>
</body>
</html> |
j'ai essayé également en changeant le chemin vers les images dans le css mais tjs rien.
chemin d'origine par exemple :
#cboxOverlay{background:url(images/overlay.png) 0 0 repeat;}
moi j'ai remplacé par :
#cboxOverlay{background:url(../images/overlay.png) 0 0 repeat;}
Aussi testé avec les urls absolues dans index.html et le css... mais rien non plus :?
Ah oui pour info, le site est sous joomla 1.5.22
L'index.html et parcours.html sont à la racine du site
Voilà, je suis en cale sèche.
Si vous aviez des pistes ou infos à me donner ça serait super ;)
Merci à tous
@ +
