Hi there,

I've got 2 unrelated questions:

1. Without Jetpack Photon enabled, it seems that LayerSliderWP itself takes care of loading only the post image size required (e.g. 1024px). Now that we've enabled Jetpack Photon, this is done by the browser itself based on the `srcset` attribute. Unfortunately, IE9-IE11 do not support this attribute. Are you aware of any way to activate the former procedure just for these browsers?

2. Is there any other way to activate full screen mode than through a double click? Our slides usually contain a full-image link to a page, so a double click almost leads to the navigation after the full screen mode has been activated shortly.

Thanks!

For the sake of other users, here are the solutions I cam up with:

1. Jetpack Photon for IE9-11

Photonfill is an open source WordPress plugin that combines Jetpack Photon functionality with a front-end polyfill for older browsers.

2.  Activating full screen for linked slides

This is something you should look into. The two functionalities (linking a slide with an anchor and activating full screen with a double click) conflict. It's not difficult for your developers to resolve this conflict, if a click handler is added to the anchor which only triggers once it's clear that it's not a double-click. Or add a button to your skins to trigger full-screen.

There is a programmatic way of entering full screen mode: `$('#layerslider_45').layerSlider('data').device.fullscreen.toggle()`. You may not have mentioned this because it's not part of the public API and thus subject to change.

My quicker, simpler workaround is to add a css pseudo-element to the slider (with a FontAwesome expand icon) which is above the slide itself and can thus be double-clicked to enter full-screen mode:

.ls-wp-container:before {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 15px;
  font-size: 80px;
  z-index: 40;
  text-shadow: rgb(34, 34, 34) 0px 0px 2px;
  color: #bbb;
  color: rgba(255, 255, 255, 0.5);
  /* Font Awesome expand icon */
  content: "\f065";
  display: inline-block;
  font: normal normal normal 28px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}