Image ne s'affichant pas dans Fancybox

Bonjour,

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<ul id="thumbs">
{% for variable in categorie %}
	<li>
		<a class="fancybox" rel="group" href="{{asset('img/'~variable.nomFichier)}}" title="{{variable.titre}}">
			<img alt="" src="{{asset('img/'~variable.nomFichier)}}" />
                </a>
	</li>
{% endfor %}
</ul>
<script src="{{asset('js/jquery.js')}}" type="text/javascript"></script>
<script src="{{asset('js/affichage.js')}}" type="text/javascript"></script>
<link rel="stylesheet" href="{{asset('js/fancybox/source/jquery.fancybox.css?v=2.1.5')}}" type="text/css" media="screen" />
<script type="text/javascript" src="{{asset('js/fancybox/source/jquery.fancybox.pack.js?v=2.1.5')}}"></script>
<link rel="stylesheet" href="{{asset('js/fancybox/source/helpers/jquery.fancybox-buttons.css?v=1.0.5')}}" type="text/css" media="screen" />
<script type="text/javascript" src="{{asset('js/fancybox/source/helpers/jquery.fancybox-buttons.js?v=1.0.5')}}"></script>
<script type="text/javascript" src="{{asset('js/fancybox/source/helpers/jquery.fancybox-media.js?v=1.0.6')}}"></script>
<link rel="stylesheet" href="{{asset('js/fancybox/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7')}}" type="text/css" media="screen" />
<script type="text/javascript" src="{{asset('js/fancybox/source/helpers/jquery.fancybox-thumbs.js?v=1.0.7')}}"></script>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
/******************** FONCTIONS ********************/
app = {
    init: function() {
        $(document).ready(function() {
            $(".fancybox").fancybox();
        });
     }
}
/******************** INIT ********************/
$(function() {
    app.init()
})

voici mes codes, je suis sous Symfony, j'ai un bug : souvent lorsque je clique sur une image elle ne s'affiche pas dans la Fancybox, au lieu de ça l'écran devient noir.

Merci

Pourtant j'ai bien suivi la procédure indiquée ici http://fancyapps.com/fancybox/ en incorporant à mon code Symfony tout ce qui est mentionné sur cette page, parfois cela fonctionne c'est à dire que l'image sur laquelle on clique est bien affichée dans la Fancybox, mais parfois lorsqu'on clique sur l'image l'écran devient tout noir et donc l'image n'est pas affichée dans la Fancybox. Je ne vois pas d'où cela peut venir, car les fichiers css et js requis ont bien tous été ajoutés.

Merci