Changeset 89621 in spip-zone


Ignore:
Timestamp:
May 24, 2015, 9:59:00 AM (4 years ago)
Author:
fil@…
Message:

effet zoom qui va bien

Location:
_plugins_/photoswipe/trunk
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • _plugins_/photoswipe/trunk/photoswipe_insert.js

    r89595 r89621  
    11function photoshow() {
    2     var gallery = [],
     2    var imgs = [],
    33        g = [];
    44    var a = photoshow_identify(this),
    55        index = 0;
    66
    7 console.log(JSON.stringify( photoshow.gallery ));
    87    // gallery ? il y a un glitch
    98    if (photoswipe.gallery) {
     
    1110            .each(function (i, e) {
    1211                var b = photoshow_identify(e);
    13                 gallery.push(b);
     12                imgs.push(b);
    1413                if (b.src == a.src) index = i;
    1514            });
    1615    } else {
    17         gallery.push(a);
     16        imgs.push(a);
    1817    }
    1918
    20     if (photoswipe.debug) { console.log(JSON.stringify(gallery)); }
     19    if (photoswipe.debug) {
     20        console.log(JSON.stringify(imgs));
     21    }
    2122
    22     photoshow_gallery(gallery, index);
     23    photoshow_gallery(imgs, index);
    2324    return false;
    2425}
     
    5354        // optionName: 'option value'
    5455        // for example:
    55         index: index, // start at first slide,
     56        index: index, // start slide,
    5657        shareEl: false, // no "share on pinterest!"
    5758        fullscreenEl: false,
     
    6970            return true;
    7071        },
     72        getThumbBoundsFn: function (index) {
     73            var sel = 'img[data-photo-src="' + items[index].src.replace(/\"/, '\\\\\"') + '"]';
     74
     75            // find thumbnail element
     76            var thumbnail = document.querySelectorAll(sel)[0];
     77
     78            // get window scroll Y
     79            var pageYScroll = window.pageYOffset || document.documentElement.scrollTop;
     80            // optionally get horizontal scroll
     81
     82            // get position of element relative to viewport
     83            var rect = thumbnail.getBoundingClientRect();
     84
     85            // w = width
     86            return {
     87                x: rect.left,
     88                y: rect.top + pageYScroll,
     89                w: rect.width
     90            };
     91        }
    7192    };
    7293
    7394    // Initializes and opens PhotoSwipe
    74     var gallery = new PhotoSwipe(pswpElement, PhotoSwipeUI_Default, items, options);
     95    gallery = new PhotoSwipe(pswpElement, PhotoSwipeUI_Default, items, options);
    7596    gallery.init();
    7697}
  • _plugins_/photoswipe/trunk/plugin.xml

    r89593 r89621  
    1010        </multi>
    1111    </auteur>
    12     <version>0.0.1</version>
     12    <version>0.1.0</version>
    1313    <icon>prive/themes/spip/images/photoswipe-32.png</icon>
    14     <etat>dev</etat>
     14    <etat>test</etat>
    1515    <description>Syteme de Zoom de photos</description>
    1616    <lien>http://photoswipe.com/</lien>
Note: See TracChangeset for help on using the changeset viewer.