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 :
J'insère les librairies à l'aide de
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6 public/ css / images / js / interface / interface.js eyefish.js
puis mon fichier html
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3 $view->headScript()->prependFile('http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'); $view->headScript()->appendFile('/js/interface/interface.js');
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).
Code : Sélectionner tout - Visualiser dans une fenêtre à part
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 <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>
je me retrouve avec ça :
Ai-je oublié quelquechose ?
Merci pour votre aide.
Partager