Discussion on FSSlider - A Fullscreen Slider for your Background

Discussion on FSSlider - A Fullscreen Slider for your Background

Cart 438 sales

GAThemes supports this item


This author's response time can be up to 5 business days.

54 comments found.

I want to use a slider like this on the website and on blog post like this

It’s possible to use this on wordpress? Thanks

Hi i have purchased your product yesterday can you please guide me how to instal it on my php and html website ? and how to change the images to my own?


Hey, i have 0 clue how to integrate this into a shopify website can anybody help

You can use it in HTML version only and you can’t use it in Shopify themes. Thanks

Im trying to figure out if I can add an border on the slider. I want to make it seem more like an grid effect when its changing slides on the “rand” effect.

Let me know if this is possible, please and thanks.

Hi! I guess you could put a border in css on .fss-background class:

.fss-background {
    border: 1px solid #000;


I can’t download FSSlider for Joomla. Help me please.

This is a HTML/CS/JS file, it’s not meant to be working on Joomla right of the box. You’ll need to some custom work to make it compatible I think.

Hi, I have a quetion. I use a combination of all the effects?

This example All 3 Effects;

But I didn’t work. Please help me. Thanks.

Hi! I love the easy setup and the design in general very much – thanks a lot for your nice piece of code & design :-)

my client does not like the “crossover”-effects between the pictures; is it possible to just fade the pictures?

best wishes, lorenz

Hey! thanks for the kind words If you want just the image to fade, you could use 1×1 block and it will kinda fade. Doing it on the demo, I have like a “flash” effect, but I think you could comment out this from the js.

Hi Kimonothemes

I’ve planned to purchase this slider, its looks awesome. but i need play/pause feature

Is there autoplay: flase and play/pause button feature is there??

Thanks for your interest and nice words. Sorry but it doesn’t have this functionality :/

Hi, i implemented this great slide and all the css and js files in a Joomla template, but all i try, the background slide is always shown in front of the page. I didnt found any mistake. Can anyone please help me to fix that issue? Thank you!


Adding position relative to #content should work. (try adding a big z-index too if not working)

A few days later, with a free mind – i didnt implement the style.css! After checking all css files and applying of the definitions, i saw the mistake clear. Thank you very much for help!

Great! you’re welcome, enjoy!

Hi Twi,

I have the ffslider as part of a template I purchased. my website is…for some reason I cannot get the slider to resize the images. so they are not showing correctly on mobile devices. I have edited the style.css as well as my media queries.css The slider seems to be resizing but the images are not. Can you please assist and explain which part of the code I need to edit to get the slider to resize the images?

Thank you very much.

Hey bud!

I just bought this library, but I’m having an issue… js error on line 236 of jquery.fsslider.js: “Cannot read property ‘id’ of undefined “

What is this about?


Hi . please help me how i can set it in the wordpress website. because i cant access any documentation attached in the product.

okey i have seen it so here you have said this Create a div with an ID “background” the div will be in the home page or in the css style sheet because am using wordpress theme.

please will you mind to help me the pdf document so that i may just copy and paste the installation code directly. since this provided details demo is in image format.

Great work!

I use the parameters 20×1 / 5 seconds / 20ms / Lineal

Is possible the effect to move only from left to Right continuously?

You’ll need to edit the effect in the js file. Or maybe create a new one.

I need some help positioning the next arrow. I would like to have a 10px white border around the entire site, and the navigation arrows fixed to the left and right sides.

I currently have the arrows fixed to the right and left sides, but I cannot get the 10px border around the entire site. I tried editing the #background properties. Any suggestions?

Also, I am having trouble with window resizing, my website does not work like the preview. I tried downloading the new js script from a previous post, still same problem.


It seems not mobile frendly. Is any updates?

Nop sorry.

Hi, just bought your slider and I think it’s great! BUT one thing tho… as others have already said, I can’t get it to re-size the images :/?! And the index.html site that came in the Zip doesn’t resize either ?

Could you please help me out, as I already purchased it :)

Thank you very much for your reply. But in the preview, the image fades and in my page the image would always stay the same (1 single image, 1 Square per width, Square per height) How can I get rid of the “blitz”? I thought maybe I had to put a certain value in “Delay image transition” and/or “Delay Squares transition”. There should be no transition … Thanks a lot in advanced!!

Hi! First of all thanks a lot for this amazing slider! I have a question, in one of my pages, I am using only one big image and this should not change. Which value should I put in “delay” and “sDelay” so that the image does not “blitz”? Many thanks!!

Just let the default value. It will work like the preview.


First of all: great slider!

I currently have to reconstruct a webpage. Now i got a problem that the post area disappears behind the background image. The sidebar and menu bar is still visible. I spent some time for searching the right CSS or JS function but it seems to be that i am lost… Could you give me hint on how to bring content into the front.

Many thanks!

“so your preview resizes automatically when the browser window is resized, but that functionality does not seem to be in the package i downloaded.”

You have to update your Download Package, this File is not correct working in the Download Package: “jquery.fsslider.pack.js”

Only this one, from your Preview Page works correctly:

I downloaded that file from your Preview Page and I changed this File in my Codecanyon Package and now the Resize Function works!!!

Please, Update this File in the download Package.

Will do. Thanks for letting me know!


Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey