Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /data/web/4/0/forum.toile-libre.org/htdocs/include/parser.php on line 738

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /data/web/4/0/forum.toile-libre.org/htdocs/include/parser.php on line 738

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /data/web/4/0/forum.toile-libre.org/htdocs/include/parser.php on line 738

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /data/web/4/0/forum.toile-libre.org/htdocs/include/parser.php on line 738

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /data/web/4/0/forum.toile-libre.org/htdocs/include/parser.php on line 738

Sujet : Affichage de légende sous une photo

Bonjour, j'ai réalisé une galerie de photo dont le principe est d'afficher une image agrandie lorsqu'on survole une miniature:
http://www.succulentes-passion-creation … /photo.php

Je souhaiterais en plus pouvoir ajouter une légende, mais je ne sais pas comment m'y prendre. J'ai essayé avec title, mais cela ne semble pas fonctionner. Voici mon code ci dessous, avez vous des idées?
Par ailleurs, j'aimerais aussi pouvoir optimiser la vitesse d'affichage de la galerie. Cela est il possible?

Merci de votre réponse

Stéphane


<div id="galerie">
      <ul>
      <li><a href="#nogo">
          <img src="image2/t (1).png" title="titre de la photo" alt="1" /></a></li>
            ...etc...
      </ul>
    </div>
   
    <script type="text/javascript">
        // listen for scroll
        var positionElementInPage = $('#galerie').offset().top;
        $(window).scroll(
            function() {
                if ($(window).scrollTop() >=

positionElementInPage) {
                    // fixed
                    $('#galerie').addClass("floatable");
                } else {
                    // relative
                    $('#galerie').removeClass("floatable");
                }
            }
        );
    </script>

                    <div  style = " margin-top : 6500px;">

</div>
                    </div>

Thumbs up Thumbs down