Discussion on XProSlider - Responsive jQuery Slider, Carousel and Gallery

j4ckherm888

j4ckherm888 supports this item

Supported

70 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!!

gtothab

gtothab Purchased

Hi,

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

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

gtothab

gtothab Purchased

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.

http://xprojs.com/xproslider/xproslider-demo/templates/animated_layer/animated_layer.html

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.

Hello,

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.

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

Hello,

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.

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">
    <h1>Gallery</h1>
    <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">
                                    <h3>Blabla</h3>
                                    <p></p>
                                </div>
                            </div>
 </div></div></div></div></div></div></div>

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

by
by
by
by
by
by