Interface et menu Fisheye
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 :
Code:
1
2
3
4
5
6
|
public/
css /
images /
js / interface / interface.js
eyefish.js |
J'insère les librairies à l'aide de
Code:
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'); |
puis mon fichier 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
|
<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/299...5181757.th.png
Ai-je oublié quelquechose ?
Merci pour votre aide.
