Bonsoir à tous.
J'ai un programme qui fonctionne très bien en jquery et php.
Voulant intégrer jquery à symfony2 en respectant la base.html.twing (avec extends), la seul le texte est afficher. La plus aucun défilement d'images.
Merci toute aides sont les bienvenues.

voici tout mon code
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
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
 
 
{% extends "::base.html.twig" %}
{% block title %} apprentisage{%endblock%}
{%  block stylesheets %}
    <link rel="stylesheet" href="css/global.css">
    <link rel="stylesheet" type="text/css" href="view.css" media="all">
    <link rel="stylesheet" href="ministrap-master/css/ministrap.css"/>
{% endblock %}
{% block body %}
<style="background-color: rgb(11, 20, 11); color: rgb(0, 0, 0);" alink="#ee0000" link="#0000ee" vlink="#551a8b"/>
 
<section data-role='page' id='index'>
    <header data-role='header'></header>
    <div class='content' data-role='content' >
 
 
 
        <div class="logo">
            <img alt="Logo" src="Gimps/DeesseApsara.jpeg">
 
 
            <div id="example">
                <div id="slides">
                    <div class="slides_container">
                        <a> <img src="images/couple.png" width="420" height="285" alt="couple"/></a>
                        <a> <img src="images/allongee.png" width="420" height="285" alt="allongee"></a>
                        <a> <img src="images/magrebine.png" width="420" height="285" alt="magrebine"></a>
                        <a> <img src="images/blonde.png" width="420" height="280" alt="blonde"></a>
                        <a> <img src="images/asiatique.png" width="420" height="285" alt="asiatique"></a>
                        <a> <img src="images/lingerie.png" width="420" height="285" alt="lingerie"></a>
                    </div>
                </div>
            </div>
        </div>
 
        <div class="nue">
 
            <img alt="nue" src="images/nue.jpg"/>
 
 
        </div>
    </div>
 
 
 
 
 
 
    <div class="balade">
        <a href="http://localhost:8080/LingerieFine/catalogue.html.twig" title="catalogue">
            <img alt="Balade" src="Gimps/Balade.jpeg">
        </a>
    </div>
 
    <div class="connection">
        <a href="http://localhost:8080/LingerieFine/connection.html.twig" title="connection">
            <img alt="Connection" src="Gimps/Connection.jpeg"/>
        </a>
    </div>
 
 
 
 
 
 
 
</section>
<footer data-role="footer">footer</footer>
 
{% endblock %}
{% block javascript %}
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="http://www.jeasyui.com/easyui/jquery.easyui.min.js"></script>
<script src="js/slides.min.jquery.js"></script>
 
<script>
    $(function(){
        $('#slides').slides({
            preload: true,
            preloadImage: 'images/couple.png',
            play: 1000,
            pause: 2000,
            hoverPause: true
        });
    });
</script>
{% endblock %}