Comments (4)
Yes: forceSize: 'fullWindow'
from slider-pro.
Maybe I'm missing something but the forceSize: 'fullWindow'
makes only the slider container 100%. It doesn't cover the full browser window. Website header and footer are still visible.
Slider-Pro container in fullWindow mode has style style="margin: 0px 0px 0px -372.5px; width: 1920px;
.
The example I've provided a link to, has a slider container styled: style="position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 10000;"
. It fills up the whole browser window and stays on the top of any other content.
from slider-pro.
When you set forceSize: 'fullWindow'
, the slider's width and height will become equal to the window's size. In the link you posted, there isn't a header or footer or any other content besides the slider; use the slider in the same context and it will look exactly the same. If, however, you have other content in the page and you want to have the slider displayed in the background and visible on the entire page, that's something else and for that it's important in what container you insert the slider. You need some HTML and CSS knowledge for this. You can try it first with a simple image and after you achieved placing it properly you can replace the image with the slider.
from slider-pro.
As long as I know that fullWindow
resizes only the holding container Iβm OK with it. Itβs easy to overwrite.
Contrary to your explanation styling container position as fixed and using large z-index creates the full window effect on any kind of content including the one with header and footer.
Thank you for an excellent product and prompt support.
from slider-pro.
Related Issues (20)
- Capture event on Button Click Full Screen HOT 1
- Why your Website is Down? HOT 6
- How to change autoplayDelay value after some time HOT 1
- Transition on fullscreenchange? HOT 1
- Thumbnails and Slides scramble. HOT 1
- slides over each other when screen resolution is 1920*1080 HOT 1
- Google indexing HOT 4
- How to do when hover on thumbnail slider will change and when click thumbnail it will go to single blog HOT 8
- Center Image inside slide HOT 5
- No Event for SlideMoveComplete HOT 1
- Get Image Data HOT 1
- ES5 or ES6 Module Import HOT 1
- sliderPro is not a function HOT 5
- jQuery Minimal Library for BQ Slider Pro HOT 2
- Edge and Brave downgrading images but Chrome itself and Firefox do not HOT 1
- Is there a Vue version of slider pro? HOT 1
- Safari issue v15 HOT 1
- how to move 2 images at a time? HOT 3
- Angular component that is loading slider-pro images dynamically from a parent component? HOT 1
- random order at every page refresh HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
π Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. πππ
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google β€οΈ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from slider-pro.