Vorlage:FlogrThumbs: Unterschied zwischen den Versionen

Aus RTW

(typo)
(using data attributes)
 
(7 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
<html>
+
<div class="flogrthumbs" style="display:none" data-flogr-type="{{{1}}}" data-flogr-value="{{{2}}}"></div>
<div id="flogrthumb_container</html>{{{1}}}<html>" class="flogrthumb"></div>
 
<script type="text/javascript">
 
jQuery(document).ready(function() {
 
var flogrthumbId = '</html>{{{1}}}<html>'; // in var for readability
 
var flogrthumbDomId = '#flogrthumb_container' + flogrthumbId;
 
jQuery(flogrthumbDomId).addClass('initialized loading');
 
var amp = String.fromCharCode(38); // wiki escapes ampersands
 
var url = '/extensions/flogr/?type=sets' + amp + 'setId=' + flogrthumbId;
 
jQuery.get(url, function(data) {
 
var title = data.match(/.*<span id=['"]page_title['"]>([\s\S]+?)<\/span>.*/i)[1];
 
var pictures = data.match(/.*<div id=['"]thumbnail_container['"]>([\s\S]+?)<\/div>.*/i)[1];
 
var count = pictures.match(/<img /ig).length;
 
jQuery(flogrthumbDomId).removeClass('loading').html(
 
'<div class="thumbs">' + pictures + '</div>' +
 
'<strong>' + title + '</strong>' +
 
'(' + count  + ' Fotos)'
 
);
 
jQuery(flogrthumbDomId + ' a').attr('rel', 'lightbox[' + flogrthumbId + ']');
 
jQuery(flogrthumbDomId + ' a').lightBox(lightboxOptions);
 
});
 
});
 
</script>
 
</html>
 

Aktuelle Version vom 16. Juli 2013, 07:55 Uhr