Prevent jssor slider background pattern to scale
Is it possible to put a background-image pattern in a jssor slider and avoid to scale when resizing the screen?
This is the original background pattern
This is what happen when reducing the browser window
<div data-u="slides" style="cursor:default;position:relative;top:50px;left:0px;width:3000px;height:1500px;overflow:hidden; background-image: url(img/pattern.jpg); background-repeat:repeat;">
Solution
As jssor slider will always scale to fit the parent container.
You can create a div wit background image, and place jssor slider in the div.
- Change background image opacity
- CSS: Responsive background image height
- 100% width background image with an 'auto' height
- Fit background image to div
- How to combine Background Image + Linear Gradient in CSS ? Linear Gradient over the Background Image
- Background image full width and height
- How to make entry fields and buttons transparent while using a background image in Tkinter?
- Force div to have the size of background image
- Why Sprite background animation doesn't work properly?
- Grey Scroll Pane Background Image in JavaFX
- Positioning background image, adding padding
- How to set background image to the view using URL in swift
- How to make gradient column in a table?
- CSS Display an Image Resized and Cropped
- Is there a more efficient way to load and display multiple background-images in a slider
- If it is possible to animate image pixelation without canvas, using only CSS
- Radial-Gradient Circle Overlay on Background Image
- Use image module in slotProps
- Can't understand why my background image doesn't display
- How can i add padding to an image?
- How to fix transparent border going past gradient background image
- Does a background image size include the border?
- Use CSS gradient over background' image
- How do I Verify the CSS Background-Image URL with Javascript
- The Gimp - Creating background gradient
- How to apply a CSS filter to a background image
- Is there a way to add a background image to a flutter app widescale?
- CSS - Background image stretch horizontally and repeat vertically?
- How to scale CSS sprites when used as background-image?
- Tailwind CS backgroundImage doesn't work for me