Ei muokkausyhteenvetoa |
Ei muokkausyhteenvetoa |
||
| Rivi 20: | Rivi 20: | ||
var me = jQuery( this ); | var me = jQuery( this ); | ||
jQuery( '.focalpoint' ).css( 'left', me.val() + '%' ); | jQuery( '.focalpoint' ).css( 'left', me.val() + '%' ); | ||
}); | |||
jQuery( document ).on( 'change', '.jwImageSelect_focalpointY', function() { | |||
var me = jQuery( this ); | |||
jQuery( '.focalpoint' ).css( 'top', me.val() + '%' ); | |||
}); | }); | ||
| Rivi 43: | Rivi 48: | ||
select.after( images ); | select.after( images ); | ||
var values = []; | var values = []; | ||
var focalX = jQuery( '.jwImageSelect_focalpointX' ).first().val(); | |||
var focalY = jQuery( '.jwImageSelect_focalpointY' ).first().val(); | |||
select.find( 'option' ).each( function() { | select.find( 'option' ).each( function() { | ||
| Rivi 69: | Rivi 77: | ||
if ( typeof reqImg.query.pages[i].imageinfo != 'undefined' && | if ( typeof reqImg.query.pages[i].imageinfo != 'undefined' && | ||
reqImg.query.pages[i].imageinfo[0].width >= 1920 && | reqImg.query.pages[i].imageinfo[0].width >= 1920 && | ||
reqImg.query.pages[i].imageinfo[0].height >= 800 ) { | reqImg.query.pages[i].imageinfo[0].height >= 800 ) { | ||
if ( this.image == current ) { | if ( this.image == current ) { | ||
images.append( '<div class="card selected" data-select-id="' + select.prop( 'id' ) + | images.append( '<div class="card selected" data-select-id="' + select.prop( 'id' ) + | ||
'" data-value="' + this.image + '"><div class="focalpoint"></div><img class="card-img-top" style="width: 100%;" src="' + | '" data-value="' + this.image + '"><div class="focalpoint" style="left: ' + focalX + '%; top: ' + focalY + '%;"></div><img class="card-img-top" style="width: 100%;" src="' + | ||
reqImg.query.pages[i].imageinfo[0].url + '"></div>'); | reqImg.query.pages[i].imageinfo[0].url + '"></div>'); | ||
} else { | } else { | ||
images.append( '<div class="card" data-select-id="' + select.prop( 'id' ) + | images.append( '<div class="card" data-select-id="' + select.prop( 'id' ) + | ||
'" data-value="' + this.image + '"><div class="focalpoint"></div><img class="card-img-top" style="width: 100%;" src="' + | '" data-value="' + this.image + '"><div class="focalpoint" style="left: ' + focalX + '%; top: ' + focalY + '%;"></div><img class="card-img-top" style="width: 100%;" src="' + | ||
reqImg.query.pages[i].imageinfo[0].url + '"></div>'); | reqImg.query.pages[i].imageinfo[0].url + '"></div>'); | ||
} | } | ||
Järvi-meriwiki on Suomen ympäristökeskuksen (Syke) ylläpitämä kaikille avoin wikipalvelu Suomen järvistä, rannikon merialueista ja muista vesistöistä. Syke on saanut rahoitusta palvelun kehittämiseen Maa- ja vesitekniikan tuki ry:ltä sekä EU:n Life-rahastosta.
Sisältö on käytettävissä lisenssillä Creative Commons Nimeä, ellei toisin ole mainittu.
