I have a project in ASP.NET MVC core 1.1. I have an image slider with a carousel frame and a full-screen image slider is displayed, so when the screen goes to a mobile or tablet. it crop the image, but the display always remains fullscreen and works fine
Now my problem is with every image. I need a focal point, so this does not require a bit. I tried to introduce another plugin from
https://github.com/jonom/jquery-focuspoint
but it does not work. Do I need a focal point to define each image?
<div class="carousel-inner" role="listbox"> <div class="item active focuspoint" data-focus-x="0.5" data-focus-y="0.5" data-image-w="3200" data-image-h="2129"> <img src="~/images/SliderImages/1.jpg" data-color="green" alt="First-Image" /> <div class="carousel-caption" role="option"> <p> Learn how to build ASP.NET apps that can run anywhere. <a class="btn btn-default" href="https://go.microsoft.com/fwlink/?LinkID=525028&clcid=0x409"> Learn More </a> </p> </div> </div>
I want to achieve the following behavior with the carousel image slider
http://jonom.imtqy.com/jquery-focuspoint/demos/full-screen/index.html
https://responsive.io/docs
https://css-tricks.com/focusing-background-image-precise-location-percentages/
http://www.jqueryscript.net/layout/Responsive-Image-Cropping-jQuery-FocusPoint.html
https://css-tricks.com/perfect-full-page-background-image/
https://docs.imgix.com/tutorials/focal-point-cropping
No one has answered this question yet.
See similar questions:
or similar: