Discussion on XProSlider - Responsive jQuery Slider, Carousel and Gallery


j4ckherm888 supports this item


76 comments found.

You mention that it is possible to disable responsiveness. How to configure that? Is there an example template?

You can set the autoHeightMode to ‘fixed’. If you do this, the slider size will be fixed, depends on value you set to iniWidth and iniHeight.

I would like to express your most beautiful words about this item. :grin: Thank You very much. Plenty of success in life. Taleh Hasan mygoldphoto@gmail.com

Thanks mate!!


The “fade” mode does not work in Firefox or Chrome for Mac. Plz advise.

Let me check, I will get back to you soon.

Thank you. Basically, the slides appear stacked on top of each other on page load. Then after the first click to see the next slide it all works fine.

Sorry for little late on this. Just tried with Chrome and Safari on Mac, it seems to work fine. This example use ‘fade’ mode.


Can you send me your url to show me the problem?

i dont know how to use or even start using the templates for my rss driven website. I have both a HTML and PHP website. Please assist me

The templates are ready to use examples, you can copy the script into your page, on where you want to put a slider.

If you still have problem, please send me an email at xproslider@xprojs.com

Hi. my friend. I wrote your e-mail. little problem out. Please check your email. Thank You! :)

Hello, I’m looking at purchasing this slideshow. I would like to know if it’s possible for me to incorporate ads into the gallery. I would like banner ads to load every other image. Is that possible? I plan to do it on this page. http://xprojs.com/xproslider/xproslider-demo/templates/carousel/carousel.html

Yes, it should be possible, you can add your own content/html into the slide.


slowubo Purchased


I’m having a little issue with the slider in the website I’m developing. I bought xproslider a while ago and never used it until now.

I have pages where I had to use more than 1 xproslider and I managed to make it work fine, except when dragging the image to the right. When I do that, the image that has to be shown doesn’t appear until I drag again.

For a better explanation I leave you here the link to one of those pages: http://www.bottleneckstudio.it/linea/telai.html

Can you tell me what I did wrong? Thank you in advance.

Hello, you are refer to the last slider right? It is because you have only 2 slides. For the drag to slide, you should have at least 3 slides.


slowubo Purchased

Oh! Thank you so much for your help! Really appreciated.


great stuff, my Gallery With Thumbnails and Info Panel + Ken Burns Effect works perfectly! How can I start it as a floating slider from only one visible thumbnail (clicking that thumbnail opens the floating slider)? I feel it’s possible, but I don’t find out how.

Thanks in advance!

Hi, normally, it is easy to make the slider floating, you just need to add

‘floating’: true

to the slider option. Then show the slider using slider.showSlider() function.

But in your case, you are using the gallery with info panel, if you set the floating property, it will make only the slider portion floating not the info panel because the built in floating function only make the slider floating.

In your case you need to write a simple script to display the whole panel (slider including the info panel) floating. It shouldn’t be difficult.


geens Purchased

Hi, great features first of all! I was wondering if I have a slider that is setup to autoplay, can I manipulate the “interval” for each slide separately to have slides with different times displayed before auto playing to the next item? I’ve only seen the global setting for interval. Was just curious if I could manipulate each slide item’s interval separately.

Thanks. I am sorry, you cannot, the interval between each slide is global at the moment.

Hello, just wanted to tell you: great job.

Hi, it should be easy to find it, in the page, the info panel is located inside a div named divPanelRight. It has class col-md-4. It is formatted using bootstrap grid css, you need to change divPanelLeft class name if you change divPanelRight class name.

I’m sorry, but there ist nowhere a div named divPanelRight.
<div class="container">
    <div class="xpro-content-panel">
        <div class="row" style="margin: 15px 0px 15px 0px">
            <div id="divPanelLeft" class="col-md-8">
                <div class="xpro-slider-container">
                    <div id="scroller" class="xpro-slider">
                        <div class="xpro-slider-content">
                            <div class="xpro-slider-item">
                                <img class="xpro-kenburns-dir-random" src="pic.jpg" />
                                <div class="xpro-thumb-item">
                                    <img src="thumb.jpg" /></div>
                                <div class="xpro-slider-info">

I’ve found it, it works, thank you!

Hi, I need to animate this https://www.corobori.com/sos/picSlideFading.jpg.

What I want is to see picture fading in and out. I do not want the pictures to be sliding from left to right or vice versa. Just showing a bunch of 7 logos (all of them are individual pics), make them disappear and show another bunch of 7 logos, etc.

Is it possible with your slider ?

Yes, it should be the same logic as putting the logos in to a slide for example 7 logos into each slide, and then set the slide effect to fade.

Thanks for your answer.

I plan to use the image gallery. I want to know the following: 1) Is it possible to have a caption appear over each thumbnail on hover? 2) Is it possible for the main image to be a link to a YouTube or Vimeo video? 3) If #2 is possible, can the 1st video only be set to autoplay?

Thank you

Hello, 1. It is possible, anything in div with class ‘xpro-thumb-item’ is rendered as thumbnail. You can specify your own html structure for the thumb. 2. Yes, you can use other example as reference. 3. No, only html5 video can autoplay.

An additional question about the image gallery with thumbnails. Can there be more than 1 row of static thumbnails?

Thank you.

No, the thumbnails have only 1 row.

Can each slide be “deep linked” so that a URL can link directly to it?

Thank you.

I am sorry, no, deep linking is not supported at the moment.

How would the easiest way to use this as a background video be

Sorry, I don’t understand the question. However if you mean to use video as slide background, you can check the templates/examples in the package.


I thought this was for wordpress. Is there any way I can get a refund please?

Thank You,


Yes, please submit your refund request.