18041 sujets

Questions générales et questions de débutants

Jquery fisheye et thickbox

bonjour et meilleurs voeux 2008

je me prends la tete depuis un moment et je n'arrive pas a lancer depuis un lien du menu fisheye de jquery (http://interface.eyecon.ro/demos/fisheye.html) le thickbox (http://jquery.com/demo/thickbox) qui pourtant sont parait il compatible ?!

merci à tous ceux qui pourront m'aider
papou
Bonjour,
Je me demande si, à la fin de l'appel du fisheye, il ne faut pas lancer l'init de thickbox... Il me semble avoir eu ce type de soucis avec le script lightbox.
bonjour

voila l'init que je lance mais ca m'ouvre dans une autre fenetre et IE me dit erreur sur la page ??!!!

<SCRIPT type=text/javascript>
window.onload =
function()
{
$.thickBox.init(
{
loaderSRC: 'images_bp/loading.gif',
closeHTML: '<img src="images_bp/fermer.jpg" />'
}
);
};
</SCRIPT>

et voici mon lien sur l image
<div class="dock" id="dock">
<div class="dock-container">
<a href="images/images01.jpg" title="" class="dock-item" rel=thickbox><img src="images_bp/home.png" alt="home" width="100%"/><span>Home</span></a> </div>

il me semble que le pb c'est avec rel=thickbox, car dans le demo (http://jquery.com/demo/thickbox) c'est dans class
or moi class=dock-item

jsuis un peu perdu du coup
Smiley biggol

mais je cherche encore
d'ici la si qqn a la solution je suis preneur

merci a toi speedlab mais tu vois je galere bien
papou
Administrateur
Bonjour et bienvenue, Smiley smile

en tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle. Smiley cligne

D'ailleurs, je rappelle que le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?...") est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation Smiley smile

upload/1-code.gif
bonjour

desole

voivi donc mon message

voila l'init que je lance mais ca m'ouvre dans une autre fenetre et IE me dit erreur sur la page ??!!!


<SCRIPT type=text/javascript>
window.onload =
function()
{
$.thickBox.init(
{
loaderSRC: 'images_bp/loading.gif',
closeHTML: '<img src="images_bp/fermer.jpg" />'
}
);
};
</SCRIPT>


et voici mon lien sur l image



<div class="dock" id="dock">
<div class="dock-container">
<a href="images/images01.jpg" title="" class="dock-item" rel=thickbox><img src="images_bp/home.png" alt="home" width="100%"/><span>Home</span></a> </div>


il me semble que le pb c'est avec rel=thickbox, car dans le demo (http://jquery.com/demo/thickbox)c'est dans class
or moi class=dock-item

jsuis un peu perdu du coup
biggol

mais je cherche encore
d'ici la si qqn a la solution je suis preneur

merci a toi speedlab mais tu vois je galere bien
papou
Bonjour,

C'est normal que tu fasse l'initialisation en écrasant window.onload? Je suppose que JQuery doit fournir une méthode beaucoup plus sûre pour programmer l'exécution d'un script au chargement de la page, non?

Sinon, il n'y aurait pas un forum JQuery?
Il me semble en tout cas avoir croisé des listes de discussion: http://docs.jquery.com/Discussion#Mailing_Lists Smiley smile
bonjour,

merci pour le lien je vais aller voir ca

sinon ce que je ne comprends pas c'est que j'arrive a lancer la thickbox qd c'est un lien fixe ou bien une image fixe mais depuis le fisheye non ??!!

voici ma page

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>mapage</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="thickbox.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="interface.js"></script>
<script type="text/javascript" src="thickbox.js"></script>
</head>
<body>
  <div class="dock" id="dock"> 
    <div class="dock-container"> 
      <a class="dock-item" href="#"><img src="images_bp/email.jpg" alt="contact" /><span>Contact</span></a> 
      <a class="dock-item" href="#"><img src="images_bp/portfolio.jpg" alt="portfolio" /><span>Portfolio</span></a> 
      <a class="dock-item" href="#"><img src="images_bp/music.jpg" alt="music" /><span>Music</span></a> 
      <a class="dock-item" href="#"><img src="images_bp/video.jpg alt="video" /><span>Video</span></a> 
      <a class="dock-item" href="#"><img src="images_bp/history.jpg" alt="history" /><span>History</span></a> 
      <a class="dock-item" href="#"><img src="images_bp/calendar.jpg" alt="calendar" /><span>Calendar</span></a> 
      <a class="dock-item" href="#"><img src="images_bp/rss.png" alt="rss" /><span>RSS</span></a> 
    </div>
  </div>

<script type="text/javascript">
	
	$(document).ready(
		function()
		{
			$('#dock').Fisheye(
				{
					maxWidth: 50,
					items: 'a',
					itemsText: 'span',
					container: '.dock-container',
					itemWidth: 40,
					proximity: 90,
					halign : 'center'
				}
			)
			$('#dock2').Fisheye(
				{
					maxWidth: 60,
					items: 'a',
					itemsText: 'span',
					container: '.dock-container2',
					itemWidth: 40,
					proximity: 80,
					alignment : 'left',
					valign: 'bottom',
					halign : 'center'
				}
			)
		}
	);

</script>

</body>
</html>


merci encore pour votre aide
papou
Sujet clos
Aller à