Code

Discussion on All In One Slider Responsive Jquery Slider Plugin

Discussion on All In One Slider Responsive Jquery Slider Plugin

Cart 9,236 sales

LambertGroup supports this item

Supported

This author's response time can be up to 1 business day.

936 comments found.

Hello,

The slider is not resizing when I click browser’s maximize button.

jQuery(’#allinone_contentSlider_imposing’).allinone_contentSlider({ skin: ‘imposing’, width: $(’#leftContainer’).width(), height: $(’.full-height’).height(),

responsive:true, 
    responsiveRelativeToBrowser:false,
    showBottomNav:false,
    showPreviewThumbs:false,
    autoHideNavArrows:true,
    showCircleTimer:false,
    showNavArrows:false
});

How can i fix this?

Thank you

Hello,

Try width: $(’#leftContainer’).width()+1

Regards

Hello,

im main_v3 using carousel – charming skin.

how can i open a modal by clicking the focused image? to show more information.

Hello,

The carousel doesn’t have lightbox support. What you can do, is to create a simple HTML file which will contain that information and open that file when you click the image. Like is done with the YouTube iframe.

Example:

<iframe width="100%" height="100%" src="your_info_file.html" frameborder="0"></iframe>

okay but im using Bootstrap Modal

is this compatible for prestashop 1.7?

email me: skulasinghe@serq.biz

thanks

Hello,

It’s a jQuery plugin so it will work work any website. It was not created specially or prestashop.

Regards

so it is compatible?

How do i want to insert highchart into slider. I have done, but the chart changed into images. I want to create a chart slider, not an image slider. Please help.

Hello,

It supports only image and not scripts

Regards

Hi,

Please see http://thegreatestthingsinceslicedbread.com/77470lomavista-final/index2.html The thumbnails are not visible in the first view of the screen. I have to scroll down to see the thumbnails.

What modification is to be done?

If you want I can provide the purchase code.

Thanks,

Paramasivan P N

Hello,

You can move the thumbs over the slider using thumbsWrapperMarginTop:-122 when you initialize the slider.

Like this:

jQuery('#allinone_thumbnailsBanner_cool').allinone_thumbnailsBanner({ skin: 'cool', numberOfThumbsPerScreen:12, width: 1920, height: 945, thumbsReflection:0, responsive:true, responsiveRelativeToBrowser:true, showCircleTimer:false, width100Proc:true, autoPlay:3, defaultEffect:'fade', origthumbsHolderWrapperH:100, thumbsWrapperMarginTop:-122 });

Thanks :)

Please see http://thegreatestthingsinceslicedbread.com/77470lomavista-final/

Since thumbs are moved up relatively the bottom portion of main slider images are cut (not visible) to some extent.

Any other solution possible?

Thanks,

Paramasivan P N

Change -122 to -130 or a value that moves the thumbs accordingly.

Example: thumbsWrapperMarginTop:-130

But am still having problem, it seem like the mark image is overriding some ul list on the list

Hello,

I’m sorry, I don’t understand. Please give me additional details.

Regards

I bought your slider and am trying to implement it on my website. On the local host it works well but when i move the slider to actual website its not displaying well. The Pagination next and previews are not displaying, the image text layer is not displaying. This is the website https://globfinances.com/. What am i doing wrong? You can view the source code with your web browser

Hello,

This is the place where it searches the skin images: https://globfinances.com/assets/css/skins/imposing/leftNavON.png

As you can see, it gives 404 page not found. Please move/upload the ‘skins’ folder in ‘assets/css/’ folder

Regards

It works

Hi,

A few notes:

- The version 3.1 was crashing the site after a while (I noticed someone posted this too above). Possible memory leak? - After upgrading to 3.5, the plugin is now not resizing after there’s a window resize. Is there a new setting to dynamically resize when the window resizes? - After upgrading to 3.5, the slider doesn’t auto-start rotating. At least, not until I hover over it or click on the arrows. After that, it starts rotating normally. Shouldn’t the “autoPlay” setting make it start on page load?

Thanks!

Hello,

Which browser are you using?

Please send me on office@lambertgroup.ro the link where you have the slider, to take a look.

Regards

hi, before purchasing i have a query. I have noticed in your slider, if i reach the end of the slide and click right nav then it goes to first slider in right to left direction, but if i want to make it left to right , how do i configure it? Could not see it in your description. Is this thing not possible in your slider.

Hi. how do i stop it pausing when the mouse hovers? Thank you!

Hello,

It doesn’t have this option.

Please send me on office@lambertgroup.ro the link where you have the slider and I’ll reply you a modified file.

Regards

Hi, can i use your js slider to do the slider in this site… http://tinyurl.com/ycjotrt3 i like the banners in the slider that are steady! Witht the offers…

Can i do that with your plugin? A slider and on top of the slider the banners taht are steady when the big slider changes?

Thanks!

Hello,

Only if you make 3 separate sliders and position them on top of the large one with some css (position:relative/absolute & z-index).

Regards

hello i am getting this eror

Uncaught TypeError: jQuery(...).allinone_bannerWithPlaylist is not a function at HTMLDocument.<anonymous> ((index):278) at f (jquery.js:1026) at Object.fireWith [as resolveWith] (jquery.js:1138) at Function.ready (jquery.js:427) at HTMLDocument.xt (jquery.js:97)

Hello,

Please send me on office@lambertgroup.ro the link where you have the slider, to take a look.

Regards

Hi, could I add a countdown to any of the sliders?

Hello,

I’m sorry, you can’t add a plugin inside our slider

Regards

hi, I’ve got couple issues with thumbnailsBanner – simpleFullWidth example: http://www.site2.weneo-sites.pl/thumbnailsBanner/simpleFullWidth_custom2.html http://www.site2.weneo-sites.pl/allinone.jpg

All I’ve changed is defaultEffect to slideFromRight and I also added couple more images to demonstrate something. Now:
  • - with slideFromRight effect, every time slide changes, horizontal scroll bar at the bottom is visible during that animation. Setting responsiveRelativeToBrowser:false does not work.
  • - thumbs holder shows empty space when thumbs number is more than one screen and they are scrolled. Can thumbs nicely be scrolled only enough to avoid showing empty space?
  • - is slider compatible with Microsoft Edge? Clicking navigation arrows or thumbs doesn’t work on this browser.

One more thing: slider is great but lacks one very fundamental effect: two-way slide. Which should work like slideFromRight when clicking right nav arrow or dragging from right to left on mobile device; and like slideFromLeft when clicking left nav arrow or dragging from left to right. Are You planning to implement this feature?

Hello,

1. Add this in you css file body { width: 100%; margin: 0px; padding: 0px; overflow-x: hidden; }

2. The thumbs are left aligned

3. We’ll fix the Edge problem with the next update

Regards

1. Thanks, that worked
2. It would be awesome if thumbs were scrolling the way they would fill their space :)
3. Ok

How about two-way slide effect? Already done it myself. It’s only four lines of code and many may find it useful.

We’ll add this effect, too

Regards

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 ?

Hello,

If you have 7 pics made as one then you can use our slider.

If you want them individual images, then you can use this product dedicated for logo showcase: http://www.lambertgroupproductions.com/canyon/logoshowcase/index_onebyone_simple.html

Regards

Thanks for your answer. I’ll look at this other product

Thank you, too.

for carousel – If I try and run this with jquery 3 (latest – which is 3.2.1), I get an error a.indexOf not defined. It’s coming from the firstImg.load call on line 1202. Based upon what I can see, the load function has changed for jquery 3 – it has to be a call using the on function. So instead of firstImg.load(function() it would be firstImg.on(‘load’, function()

have you thought about testing / changes for jquery 3? I have not checked any of the other layouts / transitions.

Hello,

Use jQuery 3.2.1 with jQuery-UI 1.12.1

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js" type="text/javascript"></script> <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>

Regards

That’s what I was using. Tried both carousel v3.3 and v3.4.1 – same issue. If I move back to jquery 1.12 – error goes away.

Hello,

For me, with this jQuery & jQuery-UI combination there’s no error.

Please send me on office@lambertgroup.ro the link where you have the slider, to take a look.

Regards

Hello, Simply, you are the best !!!

One last thing: after adding the line of code

EsponsiveRelativeToBrowser: false

The site resizes from big to small but not from small to big …

Where are we wrong?

Thanks again

Hi, Thanks, now it works. We’ve added the code “width100Proc: true” and deleted jquery version 1.9.0. Thank you, Silvano

Hi, Thanks, now it works. We’ve added the code “width100Proc: true” and deleted jquery version 1.9.0. Thank you, Silvano

Thank you, too.

Hi, we are rethinking our company site with Bootstrap last version (3.3.7). We are using YOUR BEUTIFUL SLIDER (BANNER ROTATOR) but we encounter a problem that we can not solve:

THE SLIDER DOES NOT APPLY THE WIDTH TO THE VARIOUS SOLUTIONS AS THE BOOTSTRAP NAVIGATION MENU BAR.

Here is the page:

http://www.renzacci.it/it/Home/defaultnew.asp

Thanks so much

Hello,

You need to set responsiveRelativeToBrowser: false when you initialize the slider.

jQuery('#allinone_bannerRotator_attractive').allinone_bannerRotator({
                skin: 'attractive',
                width: 1140,
                height: 400,
                thumbsWrapperMarginBottom:0,
                defaultEffect:'fade',
                randomizeImages:true,
                effectDuration:2,
                showCircleTimer:false,
                showAllControllers:false,
                showPreviewThumbs:false,
                autoPlay:1,
                randomizeImages:false,
                responsive:true,
              responsiveRelativeToBrowser: false
            });    

Please check help documentation, ‘JS Options’ section, to see all available parameters and how to use them

Regards

I have this licence: ONE REGULAR LICENSE as defined in the standard terms and conditions on Envato Market. Licensor’s Author Username: LambertGroup Licensee: Canto Gesù Item Title: All In One Slider Responsive Jquery Slider Plugin

I CAN TRANFORM MY ACTUAL LICENCE IN WORDPRESS ? *

Hello,

Please send me an email on office@lambertgroup.ro

Regards

The images are always with the same size even if i change height and width on JS options. Is there a way without changing your js code?

Ok… i saw it. CSS on class .contentHolderUnit

Is there any event where we can register on? I don’t see any on your documentation.

Hello,

It doesn’t have an API defined.

Regards

by
by
by
by
by
by

Tell us what you think!

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

Sure, take me to the survey