diff --git a/src/QUI/Bricks/Controls/Slider/PromosliderWallpaper2Content.css b/src/QUI/Bricks/Controls/Slider/PromosliderWallpaper2Content.css index e54716aa04003c536e7586a6ab4e9144a9f99b13..99c972aacb2d73d5f6fbd61d2e818b20151a01ff 100644 --- a/src/QUI/Bricks/Controls/Slider/PromosliderWallpaper2Content.css +++ b/src/QUI/Bricks/Controls/Slider/PromosliderWallpaper2Content.css @@ -15,3 +15,11 @@ width: 100%; } } + +.quiqqer-bricks-promoslider-wallpaper-container .quiqqer-bricks-promoslider-wallpaper2Content-noScriptImage { + object-fit:contain; + object-position:0 0; + position: absolute; + top: 0; + width: 100%; +} diff --git a/src/QUI/Bricks/Controls/Slider/PromosliderWallpaper2Content.html b/src/QUI/Bricks/Controls/Slider/PromosliderWallpaper2Content.html index 8e4d92fc55397a3542446160841948b2fecf1510..e28d2cd7f41c5ddf0237fabd77ec9c1d5351f449 100644 --- a/src/QUI/Bricks/Controls/Slider/PromosliderWallpaper2Content.html +++ b/src/QUI/Bricks/Controls/Slider/PromosliderWallpaper2Content.html @@ -17,6 +17,18 @@ {/if} </div> </div> + + {if $key === 0} + <noscript> + {if $slide.url} + <a href="{$slide.url}"> + {/if} + {image image=$slide.image class="quiqqer-bricks-promoslider-wallpaper2Content-noScriptImage"} + {if $slide.url} + </a> + {/if} + </noscript> + {/if} </li> {/foreach} </ul> @@ -40,6 +52,18 @@ {/if} </div> </div> + + {if $key === 0} + <noscript> + {if $slide.url} + <a href="{$slide.url}"> + {/if} + {image image=$slide.image class="quiqqer-bricks-promoslider-wallpaper2Content-noScriptImage"} + {if $slide.url} + </a> + {/if} + </noscript> + {/if} </li> {/foreach} </ul> @@ -54,4 +78,15 @@ <div class="quiqqer-bricks-promoslider-wallpaper-next hide-on-mobile"> <span class="fa fa-chevron-right"></span> </div> -{/if} \ No newline at end of file + +<noscript> + {literal} + <style> + .quiqqer-bricks-promoslider-wallpaper-next, + .quiqqer-bricks-promoslider-wallpaper-prev { + display: none; + } + </style> + {/literal} +</noscript> +{/if}