Labsoweb

Labsoweb [Réglé]

Une fenetre vers un nouveau monde ! Créations de Thèmes

olivierb Membre non connecté

Equipe Assistance Modérateur

Le 22/01/2015 à 16h10

#142781

Plop Babsolune (heu, Bonjour)

Je tente désespérément d'intégrer le script slicing-doors dans une news :

Code HTML :

[title=1]Test de Slicing Doors Jquery[/title]
 
[html]<div class="juizCaption">
        <a href="#">
                <img src="/gallery/pics/thumbnails/mairie.png" 
                alt="" class="juiz-thumbnail" />
        </a>
 
        <div class="caption">
                <h2>Snow snow snow</h2>
                <p>If you jump, you jumped !</p>
        </div>
</div>
[/html]

et dans mon template (vertigo modifié), j'ai créé un dossier JS, qui contient le code simple-slide-show.js, j'ajoute les fichiers .js téléchargés sur le site que tu m'as indiqué plus haut :

babsolune :

prochaine, non, mais si tu veux l'intégrer, la ressource initiale est ici:

http://jq.creativejuiz.fr/plugins-jquery/slicing-doors.php

et dans /template/vertigo/theme/ j'ai mis le fichier juizSlicingDoors.css

Ensuite, dans frame.tpl, j'ajoute les lignes suivantes :

Code TPL :

        <link rel="stylesheet" href="{PATH_TO_ROOT}/templates/{THEME}/theme/juizSlicingDoors.css" type="text/css" media="screen, projection" />
        # ENDIF #
 
        <!-- Modules CSS -->
        {MODULES_CSS}
 
        # IF C_FAVICON #
        <link rel="shortcut icon" href="{FAVICON}" type="{FAVICON_TYPE}" />
        # ENDIF #
 
        # INCLUDE  JS_TOP #
    </head>
 
    <body itemscope="itemscope" itemtype="http://schema.org/WebPage">
        # INCLUDE  BODY #
        # INCLUDE  JS_BOTTOM #
        <script type="text/javascript" src="{PATH_TO_ROOT}/templates/{THEME}/js/simple-slide-show.js"></script>
        <script type="text/javascript" src="{PATH_TO_ROOT}/templates/{THEME}/js/juizSlicingDoors.min.js"></script>
        <script type="text/javascript">
        $(document).ready(function() {
                $(".juizCaption").juizSlicingDoors();
        });
</script>
    </body>
</html>

Mais bien évidemment, ça ne marche pas, le résultat est

Le titre

l'image sans l'action js

la suite du texte

Evidemment, les caches PBT et FF sont vidés à chaque modif du template.

Alors peut-être (sûrement) que je n'ai pas mis les lignes au bon endroit et/ou dans le bon fichier et j'aimerai ton aide STP.

Olivier.

Olivier