Discussion :

[Philcmoi]

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 %}

[bilbot]

Le mieux quand tu as ce genre de problème, c'est de donner tous les éléments qui permettront aux forumeur de te filer un coup de main. Dans ton cas précis, as tu regardé ce qui était généré comme html dans la source de ta page ?

[gototog]

En php, avec l'héritage, il faut appeler la méthode parent du père pour étendre son comportement. (par exemple parent::__construct() )

Et bien en twig c'est pareil,

Pour pouvoir étendre un bloc qui contient de l'existant (css, javascript, etc ... ) il faut étendre le bloc parent.

dans ton cas:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
{%  block stylesheets %}
    {{ parent() }}
    <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 %}

[Nico_F]

S'il n'y a que le contenu à gérer sur cette page, tu n'as pas de raison de redéfinir les blocs stylesheets ou javascripts qui devraient être définis dans le template parent, à moins qu'ils soient spécifiques à cette page (ce dont je doute pour jQuery).

Le javascript inline est une mauvaise pratique : le js a sa place dans un fichier js que tu inclus dans ta template.

Il faudrait éviter d'importer deux version de jQuery en même temps : ça aussi ça pourrait bien mettre la zone. (1.9.1 et 1.6.1)

Indique nous quelle(s) erreur(s) est/sont générée(s) dans la console de ton navigateur pour qu'on puisse t'aider d'avantage.

[Philcmoi]

Bonjour et merci pour votre aide.

il n'y a pas d'erreurs mais ce texte afficher localhost/symfony2/web/app_dev.php/

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
 
Logo
couple allongee magrebine blonde asiatique lingerie
nue
Balade
Connection

[Philcmoi]

Bonjour j'ai mis les dossiers images dans web y compris le dosiser js.
Là les images s'affichent mais sans animation.

[Nico_F]

Il manque l'option container dans l'appel de ta méthode slide.
Il serait peut-être judicieux également de t'assurer que la page est complètement chargée avant de faire ce genre de chose.

En gros ça donnerait ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
$(document).ready(function() {
    $('#slides').slides({
        preload: true,
        preloadImage: 'images/couple.png',
        play: 1000,
        pause: 2000,
        hoverPause: true,
        container: 'slides_container'
    });
});

[Philcmoi]

Merci à tous. c'est résolue, la cause du problème est que j'ai mal fait la transition java à symfony2.
Maintenant que tout a bien été transmigrer ça marche.