11550 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

je rencontre un gros problème pour intégrer un menu Fisheye, plugin qui accompagne Interface.
En fait, je n'y arrive tout simplement pas. Je n'ai que 2 images, et le menu refuse de s'afficher. Je ne sais pas d'où vient le problème.

Je développe avec Zend Framework.

mon arbo :

public/
        css /
        images /
        js / interface / interface.js
                           eyefish.js


J'insère les librairies à l'aide de

$view->headScript()->prependFile('http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js');
$view->headScript()->appendFile('/js/interface/interface.js');


puis mon fichier html


<script type="text/javascript">
	$(document).ready( function() {
	
	$('#fisheye').Fisheye(
			{
				maxWidth: 50,
				items: 'a',
				itemsText: 'span',
				container: '.fisheyeContainter',
				itemWidth: 40,
				proximity: 90,
				halign : 'center'
			}
		);

});
</script>
	<div id="fisheye" class="fisheye" style="width: 20%; margin: auto;">

		<div class="fisheyeContainter">
			<a href="#" class="fisheyeItem"><img src="/images/admin/section_journaliste.png" width="30" /><span>Home</span></a>
			<a href="#" class="fisheyeItem"><img src="/images/admin/section_admin.png" width="30" /><span>Email</span></a>
		</div>

</div>


Résultat : je n'ai pas d'erreurs javascript, mais le menu ne zoom pas, et réagit n'importe comment (passe en vertical puis en horizontal).
Je me retrouve avec ça :
http://img36.imageshack.us/img36/2991/screen20090615181757.th.png

Ai-je oublié quelquechose ?

Merci pour votre aide.
Modifié par supertino7 (15 Jun 2009 - 18:31)
Bonjour,

Ce dock a un gros problème, il est incompatible avec les dernières versions de Jquery. Donc soit tu changes de version de Jquery, et tu repasses à celle fournie avec le menu (ça a tout de même l'air de fonctionner jusqu'à la version 1.2.6), soit tu changes de dock.

Ayant eu le même problème, je me suis tourné vers euDock, qui est indépendant d'un framework. C'est un bon menu (un poil plus lourd), un peu pénible à mettre en place, mais plein d'options et très adaptable.