Changeset 108047 in spip-zone


Ignore:
Timestamp:
Dec 14, 2017, 9:43:41 AM (16 months ago)
Author:
arno@…
Message:
  • Sliders prend proportions max en fonction de largeur texte par rapport à hauteur écran.
  • Flèches droite-gauche en CSS.
Location:
_plugins_/medias_responsive_mod
Files:
3 edited

Legend:

Unmodified
Added
Removed
  • _plugins_/medias_responsive_mod/medias_responsive_pipelines.php

    r104550 r108047  
    4747                                        else $checked = "";
    4848                                        $chk .= "<input type='radio' id='check_ligne_$rand$i' class='portfolio_slide_radio sel$i' name='check_ligne_$rand' value='$i'$checked>";
    49                                         if ($i > 0) $nav .= "<label for='check_ligne_$rand".($i-1)."' class='label_ligne label_ligne_precedent label_ligne_$i'>&larr; <span>"._T('precedent')."</span></label>";
    50                                         if ($i < $nombre-1) $nav .= "<label for='check_ligne_$rand".($i+1)."' class='label_ligne label_ligne_suivant label_ligne_$i'><span>"._T('suivant')."</span> &rarr;</label>";
     49                                        if ($i > 0) $nav .= "<label for='check_ligne_$rand".($i-1)."' class='label_ligne label_ligne_precedent label_ligne_$i'><span>"._T('precedent')."</span></label>";
     50                                        if ($i < $nombre-1) $nav .= "<label for='check_ligne_$rand".($i+1)."' class='label_ligne label_ligne_suivant label_ligne_$i'><span>"._T('suivant')."</span></label>";
    5151                                }
    5252                                return "<div class=\"portfolio_slide_container\">".$chk.$m.$nav."</div>";
  • _plugins_/medias_responsive_mod/squelettes/css/medias_responsive.css

    r107910 r108047  
    189189        font-size: 70%;
    190190        display: inline-block;
    191         transform: translate(0%, -0.25em);
    192191}
    193192.label_ligne_precedent:hover span, .label_ligne_suivant:hover span {
    194193        text-decoration: underline;
     194}
     195.label_ligne_precedent:before {
     196        content: "←︎︎ ";
     197        font-family: verdana, arial, sans;
     198        font-size: 14px;
     199}
     200.label_ligne_suivant:after {
     201        content: " →";
     202        font-family: verdana, arial, sans;
     203        font-size: 14px;
    195204}
    196205.label_ligne {
  • _plugins_/medias_responsive_mod/squelettes/javascript/portfolio_slide.js

    r107908 r108047  
    1111
    1212function calculer_portfolio_slide() {
    13         var ratio_ecran = $( window ).height() / $( window ).width() * 100;
    1413        $(".portfolio_slide").each(function() {
     14                        var ratio_ecran = ($( window ).height() - 60) / $( this ).outerWidth() * 100;
     15
     16
    1517                        var ratio_max = 0;
    1618                        $(this).find(".spip_img").each(function(){
Note: See TracChangeset for help on using the changeset viewer.