Diferencia entre revisiones de «Widget:Slides»

De Innovacion
Línea 2: Línea 2:
 
<div id="MIslides"></div>
 
<div id="MIslides"></div>
 
<script type="text/javascript">/*<![CDATA[*/
 
<script type="text/javascript">/*<![CDATA[*/
RLQ.push(['jquery', function () {
 
        console.log('mw.loader and jQuery are available now', $);
 
  
    function MIslideshow() {
+
 
        mw.loader.load(wgServer + '/w/extensions/WE/Slides/slides.js');
+
function MIslideshow() {
        $('#MIslides').remove();
+
    mw.loader.load(wgServer + '/w/extensions/WE/Slides/slides.js');
        $('.mw-editsection').remove();
+
    $('#MIslides').remove();
        return false;
+
    $('.mw-editsection').remove();
    }
+
    return false;
   
+
}
 +
 
 +
function creaSlides(){
 
     var weAPI = wgServer +'/w/api.php';
 
     var weAPI = wgServer +'/w/api.php';
 
     var narration;
 
     var narration;
Línea 20: Línea 20:
 
         }
 
         }
 
     });
 
     });
    if (narration !== undefined) {
 
        $.ajax({
 
        url: weAPI,
 
        data: {
 
            action: 'query',
 
            format: 'json',
 
            prop: 'imageinfo',
 
            iiprop: 'url',
 
            titles: narration
 
        },
 
        async: true,
 
        dataType: 'json',
 
        type: 'POST',
 
        success: function(data) {
 
            var i, u;
 
            var audiotag = '<div id="narrationdiv" style="float: right;"><audio id="narration" controls>';
 
            if (data && 'query' in data && 'pages' in data.query) {
 
            for (i in data.query.pages) {
 
                u = data.query.pages[i].imageinfo[0].url;
 
                type = (u.substr(-3) === 'mp3') ? 'mpeg' : 'ogg';
 
                audiotag += '<source src="' + u + '" type="audio/' + type + '" />';
 
            }
 
            }
 
            audiotag += '</audio></div>';
 
            $('#MIslides').before(audiotag);
 
        }
 
        });
 
    }
 
  
 
     if (window.location.search.indexOf('present') >= 0) { MIslideshow(); } else {
 
     if (window.location.search.indexOf('present') >= 0) { MIslideshow(); } else {
Línea 53: Línea 25:
 
         $('#MIslides > input').click(MIslideshow);
 
         $('#MIslides > input').click(MIslideshow);
 
     };
 
     };
}]);
+
}
 +
 
 +
RLQ.push(function () {
 +
    creaSlides();
 +
});
 +
 
 
/*]]>*/</script></includeonly>
 
/*]]>*/</script></includeonly>

Revisión del 17:56 27 nov 2019

Infrastructure for wiki-based "slide" presentations, based on html5slides. Idea original de Jim Tittsler http://wikieducator.org/index.php?title=Widget:Slide