[Résolu] Aide (smarty) sur ma boucle {Gallery}

[Résolu] Aide (smarty) sur ma boucle {Gallery} - Version imprimable

+- Forum CMS Made Simple FR (https://forum.cmsmadesimple.fr)
+-- Forum : Général (https://forum.cmsmadesimple.fr/forum-3.html)
+--- Forum : Modules, Tags (https://forum.cmsmadesimple.fr/forum-14.html)
+--- Sujet : [Résolu] Aide (smarty) sur ma boucle {Gallery} (/thread-3366.html)

Pages : 1 2 3

[Résolu] Aide (smarty) sur ma boucle {Gallery} - lolox - 03/01/2015

cmsms, je te l'avais ecrit dans le message precedent

[Résolu] Aide (smarty) sur ma boucle {Gallery} - Jean le Chauve - 03/01/2015

Envoie-moi les codes pour me loguer sur mon adresse mail (sous mon avatar : E-mail)

[Résolu] Aide (smarty) sur ma boucle {Gallery} - Jean le Chauve - 03/01/2015

J'ai ceci comme erreur : NetworkError: 404 Not Found - http://77.193.254.158/assets/js/ie10-viewport-bug-workaround.js

[Résolu] Aide (smarty) sur ma boucle {Gallery} - lolox - 03/01/2015

je viens d effacer ce script il était présent que sur la page d'accueil.

[Résolu] Aide (smarty) sur ma boucle {Gallery} - lolox - 03/01/2015

je viens de voir que j'avais beaucoup d erreurs sur les balises de la doctype !!! la honte ^^

[Résolu] Aide (smarty) sur ma boucle {Gallery} - Jean le Chauve - 03/01/2015

J'ai corrigé ton gabarit pour des divs non fermées.

[Résolu] Aide (smarty) sur ma boucle {Gallery} - lolox - 03/01/2015

Ça n'a pas l'air évident a débugger j'ai l'impression ;(

[Résolu] Aide (smarty) sur ma boucle {Gallery} - Jean le Chauve - 03/01/2015

Tellement évident que je ne trouve pas, le popup se referme tout seul et passe à la page en href...
Crée une page statique et teste sur ton serveur.

[Résolu] Aide (smarty) sur ma boucle {Gallery} - Jean le Chauve - 03/01/2015

On a exactement la même chose que sur ton bootply...

[Résolu] Aide (smarty) sur ma boucle {Gallery} - lolox - 03/01/2015

Oui un truc de fou !!! :/

Oui je vais tester en statique et ensuite le mettre sur le serveur pour voir ça réaction.

[Résolu] Aide (smarty) sur ma boucle {Gallery} - Jean le Chauve - 03/01/2015

C'est ton code statique qui n'est pas bon.
Essaye plutôt celui-ci : http://bootsnipp.com/snippets/featured/bootstrap-lightbox

[Résolu] Aide (smarty) sur ma boucle {Gallery} - lolox - 03/01/2015

Que veux-tu dire par "code statique pas bon" ?

[Résolu] Aide (smarty) sur ma boucle {Gallery} - Jean le Chauve - 03/01/2015

Ce qui est dans bootply. Il ne devrait pas avoir un data-target ?

[Résolu] Aide (smarty) sur ma boucle {Gallery} - lolox - 03/01/2015

Ce ne sont pas les memes JS non plus, mais je viens de tester en local la version qui bug avec cmsms elle fonctionne bien en statique.

Je vais perdre la boule ^^ tu peux regarder c'est le projet >> modal

[Résolu] Aide (smarty) sur ma boucle {Gallery} - Jean le Chauve - 03/01/2015

Si c'est bien cette galerie que tu essayes de reproduire, voici une discussion relatant un problème : http://stackoverflow.com/questions/26445620/boostrap-gallery-with-lightbox

[Résolu] Aide (smarty) sur ma boucle {Gallery} - lolox - 03/01/2015

Oui mais c'est pas vraiment le problème que j'ai.

Un gros merci pour ton aide, je vais faire un pause sinon j ai faire des conneries...

Je lâche pas le morceau Wink

[Résolu] Aide (smarty) sur ma boucle {Gallery} - Jean le Chauve - 03/01/2015

Ok, je crois que j'ai trouvé, regarde à nouveau ta page lolo Smile

[Résolu] Aide (smarty) sur ma boucle {Gallery} - Jean le Chauve - 03/01/2015

j'ai remplacé le href="#" par <a href="lolo#myModal"

[Résolu] Aide (smarty) sur ma boucle {Gallery} - lolox - 03/01/2015

Super !!! Big Grin

Explique moi comment tu as trouvé s'il te plait !

ÉNORME MERCI !!!

[Résolu] Aide (smarty) sur ma boucle {Gallery} - Jean le Chauve - 03/01/2015

Si ton projet modal fonctionnait, ça ne pouvait être qu'un problème d'ancre. Difficile de trouver car je ne connais absolument pas bootstrap.

[Résolu] Aide (smarty) sur ma boucle {Gallery} - lolox - 03/01/2015

Oui tu as modifié le lien comme ça >> lolo#myModal mais je comprends pas vraiment a quoi correspond le "lolo" la dedans.

Je vais chercher ^^

[Résolu] Aide (smarty) sur ma boucle {Gallery} - Jean le Chauve - 03/01/2015

lolo, c'est l'alias de la page réalisations, #myModal est l'id de la div qui contient le popup.
N'oublie pas de marquer [Résolu] et de repasser ton wamp offline.

[Résolu] Aide (smarty) sur ma boucle {Gallery} - lolox - 05/01/2015

Bonjour,

Je me demande comment faire pour pouvoir afficher les commentaires d'images sur la fenêtre qui s'ouvre avec l'image sélectionnée , j'arrive bien à les faire s'afficher avec {$image->comment} mais uniquement sous le titre ;(

Mon but est de les placer dans un <p></p> dans ce bloc :

<div class="modal-body ">

<p> le commentaire d'image </p>

</div>

Code :
[== HTML ==]

{* affichage des images de la galerie *}

    <div class="row">{foreach from=$images item=image}

        <div class="col-md-4 col-sm-6"><a href="lolo#myModal" title="{$image->titlename}"><img src="{$image->file|escape:'url'|replace:'%2F':'/'}" alt="{$image->titlename}" class="thumbnail img-responsive" /></a>

        </div>

        {/foreach} 

    </div>

    {* la fenetre modal qui s'ouvre avec son image *}

    <div id="myModal" class="modal fade" tabindex="-1" role="dialog">

        <div class="modal-dialog">

            <div class="modal-content">

                <div class="modal-header">

                    <button type="button" class="close" data-dismiss="modal">X</button>

                    <h3 class="modal-title">Heading</h3>

                </div>

                <div class="modal-body ">

                    {* c'est ici que je souhaite avoir le commentaire *}

                </div>

                <div class="modal-footer">

                    <button class="btn btn-default" data-dismiss="modal">Close</button>

                </div>

            </div>

        </div>

    </div>

Surement un problème avec la boucle.

ou Jquery

Code :
[== JavaScript ==]

$(document).ready(function() {

$('.thumbnail').click(function(){

      $('.modal-body').empty();

      var title = $(this).parent('a').attr("title");

      $('.modal-title').html(title);

      $($(this).parents('div').html()).appendTo('.modal-body');

      $('#myModal').modal({show:true});

});

});

$('.modal-body').empty();

Efface à chaque clique ce qui se trouve à l'interieur de la class modal-body Sad

c'est la que je ne vois pas comment faire, il faudrait que j'ajoute en js le commentaire.

Merci

[Résolu] Aide (smarty) sur ma boucle {Gallery} - Jean le Chauve - 05/01/2015

Désolé lolox, mais ce forum est dédié à cmsms.
Je t'invite à poser tes questions sur un forum dédié à bootstrap.
Si tu as un problème pour intégrer un code html et JQuery fonctionnels sur cmsms, je t'aiderai de nouveau avec plaisir.

[Résolu] Aide (smarty) sur ma boucle {Gallery} - lolox - 05/01/2015

Oui merci, mais la c'est plus un problème de jquery que de boostrap Smile

Mes connaissances en Jquery sont proche du zero, mais j'ai bien compris que je dois permettre à jquery de ne pas effacer mon paragraphe de commentaire ( de l'afficher ) comme c'est fait pour afficher l'image.

Le script (au clique sur la class .thumnail) efface tout ce qu'il y a dans la <div class="modal-body"> et ensuite affiche l'image avec son titre, me manque juste le code pour appeler et afficher le paragraphe de commentaire.

j'ai modifié le jquery >> $('.modal-body').empty(); en $('.modal-body a').empty();

comme ca il y a que l'image qui est effacée et par le reste du .modal-body, ensuite j'ai mis {$image->comment} dans le .modal-footer, le commentaire s'affiche mais c'est toujours celui de la dernière image ;(

Peut être qu'une boucle sur les commentaires est possible au niveau du footer ?