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.

Hi there. This slider plugin looks great! I need to have a slider that still supports IE7 so this is a potential solution that I am looking at. I also have one other requirement and I can’t really discern the answer from the demo. What is the total footprint from the slider and associated files/scripts? I need a lightweight solution as obviously IE7 runs on less powerful computers (old generation) and it just makes good sense to have lightweight code.

I am just a bit concerned as the loading circle in the top right corner appears a bit jerky on all the browsers I have tested it on (IE, Firefox, Google Chrome, Opera and Safari)

I can see that you are using JQuery 1.9.1 in the demo – is the slider compatible with future JQuery releases in the 1.xx range?

Hello,

The top circle runs ok on all browsers with HTML5 support. You can also disable it using the slider parameters

The slider script has 25KB so is lightweight

It works with the latest jQuery version, too

Regards

Hello. Excelent work, as usual. Is there a way to make first image in slider to have longer delay time, so it stays visible longer then others. Thank you

Hello,

I’m sorry, this option is not available. The autoPlay is a general parameter, for all slides

Regards

Hello,

is it possible to set the data-target to a DIV on the same site?

Thanks a lot!

Joe

Hello,

It is not possible. It will open a link in the blank page or in the same page

Regards

hello

wouldn’t be great to have a UI/CMS which will help those who are not geek or having good knowledge of and in coding?

Hello,

We have a admin interface for the WordPress plugin http://codecanyon.net/item/banner-rotator-content-slider-wordpress-plugin/1903226

For the Jquery plugin you just need to modify some parameters, there’s not need to programming knowledge

Regards

Hello, is this banner optimized for mobile? How does it display on an iPhone for example? Thank you.

Hello,

Yes, it is a responsive slider. In the top menu of the live preview http://www.responsivejqueryslider.com/ you have a in the seubmenu the ‘Responsive’ link. Here’s a direct link: http://www.responsivejqueryslider.com/classicResponsive.html

Regards

Hello,

I am not designer or developer, i just know little bit photoshop…but i am looking some banner making solutions to make banners for my website home page, can u tell me how i can make and edit banner with your banner package?

Thank you

Hello,

To make a slider is quite easy. Also, all the examples you see in the live preview are included in the package. http://www.responsivejqueryslider.com/

All is done from the parameters when you initialize the slider.

jQuery('#allinone_bannerRotator_universal').allinone_bannerRotator({
    skin: 'universal',
    width: 960,
    height: 384,
    thumbsWrapperMarginBottom:35,                
    autoHideBottomNav:false,
    showPreviewThumbs:false
});

Regards

Hello, Yes, i have seen the sample banners..so it is come with web panel to edit images, text etc in banner? or how i can change? do i need to work something with code or it can be edit thru any web UI? actually i am 0 knowledge in code, so i can not work with code, if it can be edit thru any web interface, then it would be great for me. Please advice. Thank you

Hello,

The jQuery plugin doesn’t have an UI, only the WordPress plugin comes with the admin panel. The WP plugin this one: http://codecanyon.net/item/banner-rotator-content-slider-wordpress-plugin/1903226

For this jQuery slider, you’ll edit the HTML code, which is very easy. This is how you define a slide

 
  • So just modify ‘01_classic.jpg’ with your own image

    Regards

  • Does this slider have some kind of UI, where one could change all parameters without going into code?

    Hello,

    The WordPress plugin comes with and admin interface. The jQuery plugin can be easily configured from the parameters used when you initialize it. Example:

    jQuery('#allinone_bannerRotator_universal').allinone_bannerRotator({
        skin: 'universal',
        width: 960,
        height: 384, 
        thumbsWrapperMarginBottom:35,                
        autoHideBottomNav:false,
        showPreviewThumbs:false
    });
    

    You’ll find all the available parameters in help documentation, under ‘JS Options’ section.

    Regards

    Is there a way to move the “bottomNav” to the right?

    Hello,

    I’m sorry, this option is not available.

    You can add some margin-left to the bottom navigation in the css file and move it to the right

    Regards

    We use it for responsive site, its there a responsive approach to moving it to the right?

    Hello,

    You can use percents for margin-left

    Regards

    Hi,

    Great image slider and we need a little help from you please.

    How do we change this cross-hair cursor back to a hand cursor? http://seatingexpert.com/default3.asp

    Thanks!

    Hello,

    When you initialize the slider set absUrl:”http://seatingexpert.com/tomco/imgrotator/thumbnailsBanner/”

    jQuery('#allinone_thumbnailsBanner_cool').allinone_thumbnailsBanner({
                    skin: 'cool',
                    numberOfThumbsPerScreen:5,
                    width: 565,
                    height: 226,
                    thumbsReflection:0,
                    responsive:true,
                    origthumbsHolderWrapperH:100,
                    thumbsWrapperMarginTop:0,
                                    absUrl:"http://seatingexpert.com/tomco/imgrotator/thumbnailsBanner/" 
                });    
    

    Regards

    Is there a backend xml file that has everything on it with tags, or is there a user interface to input all the information? Sorry for the simple question but i don’t see what drives it from your product information.

    Hello,

    The playlist is a basic HTML list:

    <li data-bottom-thumb="images/classic/thumbs/01_classic.jpg" data-text-id="#allinone_bannerRotator_photoText1"><img src="images/classic/01_classic.jpg" alt="" /></li>
    
    <p>If you know how to manipulate a XML file, it will be much simpler to manipulate a HTML list</p>
    
    Regards

    Can you tell me if there is a compatibility issue with allinone_bannerRotator.js and jquery-1.11.1.min.js? When I use them together the slider does not display. If I remove the jquery-1.11.1.min.js request, it displays correctly.

    Thx, Alec

    Hello,

    Please make sure you are loading jQuery only once on your page. Loading multiple version of jQuery on the same page will create conflicts

    Regards

    Thank you. Sure enough, that was the problem.

    HELLO,

    THE FOLLOWING WEB DESIGN HAS A GOOD SLIDER. DOES YOUR DESIGN HAVE FEATURES TO MAKE IT LIKE THIS

    http://www.webdirectors.co.uk/

    THANKS

    Also in addition, I want to ask one more thing.

    Suppose I have a button say, “Click Me” on third image/slide. Now, if I click on it, it should popup a video in lightbox or something like that with desired width and height. (it is Offline Video saved already in my server or harddisk)

    Is it possible to create such button on desired slide in your product? Because this is also a required part of my project.

    Thank you so much!

    Keep it up.

    Also in addition, I want to ask one more thing.

    Suppose I have a button say, “Click Me” on third image/slide. Now, if I click on it, it should popup a video in lightbox or something like that with desired width and height. (it is Offline Video saved already in my server or harddisk)

    Is it possible to create such button on desired slide in your product? Because this is also a required part of my project.

    Thank you so much!

    Keep it up.

    Hello,

    This product doesn’t have lightbox support. We have this product: http://codecanyon.net/item/jquery-carousel-multimedia-image-video-audio/4241536

    Regards

    Hello Lambert Group!

    Nice effort!

    I want to purchase your product but I want to make sure whether there is a way to create a toggle button that can show and hide thumbnail panel? Because, in my project this feature is required.

    Thanks. :)

    Hello,

    The plugin has a parameter which will hide the thumbs on mouse out and will show them on mouse over.

    autoHideThumbs- Possible values:

    true -bottom thumbs will hide when mouse out

    false – bottom thumbs will not hide when mouse out

    Regards

    Thanks LambertGroup!

    But my question was to create a “Button” that can toggle it. Because in touch devices how can the MouseOut Parameter can work?

    Therefore, I need a button which can toggle the thumbanils.

    Thanks!

    Hello,

    I’m sorry, this button is not available

    Regards

    Hi everybody and the Lambert Group.. I firstly over flown these templates as i thought they would look out of date by any means!! BUT!!! Now after using it; i want to speak out all my respects as I think This Template is right now the most Complete, The most clean coded, the most Best explained , the most easy integrable template if anyone is looking for a contend slider for his page to integrated it and fit it to his/her needs at any stage. Millions of Thanks for bringing in such a GREAT Product. Kind Regards, BerkanDuruman

    Hello,

    Thank you very much for your words of appreciation.

    This slider was featured on CodeCanyon, an action which acknowledges the product value.

    We’ll update the product in the future with new templates.

    Regards

    Hello how can i run a funcion when slideshow change to the next slide ? thats really important feature but i cant find information on documentation. If dont exits can you give me a little hint to create an hack.

    thank you

    Hello,

    This option is not available. Please send me an email on office@lambertgroup.ro with what you want to do and for which slider from the 5 included

    Regards

    Hello,

    I was looking at the demo of the banner with thumbnails on the right on my phone and the slideshow and the demo site shrunk to fit the phone – so it does not appear to be really responsive. The site and the demo look like a tiny version of your desktop website. The slideshow did not respond – instead the text just shrunk to about 2px. I’m on an Android phone. I was looking at: http://www.responsivejqueryslider.com/playlist_banner_skin_easy_effect_random.html

    Also I noticed that there do not appear to be touch controls when viewing on my phone.

    Is this slideshow really responsive and I missed something on your demo or is there a more updated demo that I can view? I’d like to make sure I will get a true responsive slideshow before I buy it.

    Thanks – the reply you sent didn’t have a link. Looking at the sample I wanted on an Android mobile phone at:

    http://www.responsivejqueryslider.com/easyResponsive.html

    On this page it shows me the slider with the red circle timer in the upper right hand side of the screen on the large images and big left and right arrows. No touch/swipe functionality. And the content thumbnails with 2 px font size so the text is not readable in the thumbnails.

    Is there touch/swipe ability available for this slider that can be turned on for mobile?

    Can the red circle timer be turned off?

    Can the image thumbnails be turned off on mobile? Would this be done with CSS media queries?

    It would be great to get a reply, since I would like to buy this slider but need to know whether it can fit my project. Thank you again

    Hello,

    I’m sorry, I forgot to ‘paste’ the link

    1. You can touch/swipe the slider to navigate. You need to have a little vertical move of the finger and an exclusive horizontal move. This is because of the playlist presence

    2. You have parameter to hide the circle timer

    3. You can use the skin with only the text: http://www.responsivejqueryslider.com/easyResponsive.html

    or you can use the skin with only the images

    http://www.responsivejqueryslider.com/pureGalleryResponsive.html

    Regards

    Hi, how can I set the width of the images at 100% instead of 960px in thumbnails banner responsive script? Thanks

    Best regards

    in a bootstrap element div. If i set width100Proc true, the image width is 1920 but i want to set the 100% of div container. Thanks

    Hello,

    I’ve replied your email

    Regards

    I’m getting the following install error when trying to upload this on the site I got it for. Running Wordpress 4.1.1

    “Internal Server Error

    The server encountered an internal error or misconfiguration and was unable to complete your request.

    Please contact the server administrator, and inform them of the time the error occurred, and anything you might have done that may have caused the error.

    More information about this error may be available in the server error log.

    Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request.”

    Nevermind. I bought the wrong one. But the wordpress version is also not installing. I get a wordpress failure error.

    Hello,

    Our product contains 5 plugins. You need to unzip the main.zip and you’ll find another 5 .zip files. Those are the 5 plugins. Choose one and install it.

    Please also check the video tutorials available for each plugin. The video tutorials are listed on product page http://codecanyon.net/item/banner-rotator-content-slider-wordpress-plugin/1903226

    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