Widget:Live2DSwitcher: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
Line 8: | Line 8: | ||
var container = $(val); | var container = $(val); | ||
var doll = container.data('t-doll'); | var doll = container.data('t-doll'); | ||
mw.loader.using('ext.gadget.live2d').then(function() { | mw.loader.using('ext.gadget.live2d').then(function() { | ||
container.find('.live2dswitcher option').remove(); | |||
var settingsContainer = container.find('.live2dsettings').first(); | var settingsContainer = container.find('.live2dsettings').first(); | ||
var settings = gfUtils.live2dUtils.convertSettingsFromUl(settingsContainer); | var settings = gfUtils.live2dUtils.convertSettingsFromUl(settingsContainer); | ||
for (costume in settings) { | for (costume in settings) { | ||
for (variant in costume) { | for (variant in costume) { | ||
Line 52: | Line 50: | ||
</script> | </script> | ||
<select class="gf-droplist live2dswitcher" style="flex-grow: 1;" autocomplete="off" onchange="swap_model(this)" > | <select class="gf-droplist live2dswitcher" style="flex-grow: 1;" autocomplete="off" onchange="swap_model(this)" > | ||
<option value="" selected="selected">Loading...</option> | |||
</select></div></includeonly><noinclude> | </select></div></includeonly><noinclude> | ||
<div class="dollLive2d" data-t-doll="Thompson" style="height: 800px; width: 700px;"> | <div class="dollLive2d" data-t-doll="Thompson" data-costume="costume1" style="height: 800px; width: 700px;"> | ||
{{#widget:Live2DSwitcher}} | {{#widget:Live2DSwitcher}} | ||
<div class="live2dsettings" style="display:none">{{:Thompson/Live2DSettings}}</div> | <div class="live2dsettings" style="display:none">{{:Thompson/Live2DSettings}}</div> | ||
</div> | </div> | ||
</noinclude> | </noinclude> |