Code

Discussion on Jquery Slider Zoom In/Out Effect Fully Responsive

Discussion on Jquery Slider Zoom In/Out Effect Fully Responsive

Cart 3,454 sales

LambertGroup supports this item

Supported

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

387 comments found.

Good luck with your sales

is the Extended Licence For Unlimited Domain ?

Hello!

The Extended License will allow you to insert the plugin in one website template or theme which you’ll resell. For more information please check this link: https://codecanyon.net/licenses/standard

If you want to insert it in your website or your clients website, than only Regular License is needed. One Regular License for each website.

If you want to insert in many websites/domains, please send me an email, using the form present on the right sidebar of our profile page, where it writes ‘Email LambertGroup’: https://codecanyon.net/user/lambertgroup and we can negotiate a price discount.

Regards

Can I add buttons in slide?

Hello,

Yes, you can. Please check the second slide of this live example: http://zoompanningeffectslider.com/full-width-opportune-skin/

P.S. If you need the WordPress plugin, this is it: https://codecanyon.net/item/responsive-zoom-inout-slider-wordpress-plugin/2950062

Regards

Hello, I try to use the full width with opportune skin. I’d like to make the height bigger for the photos i’m using for the slider but it’s only around 444px. If i change value in the script from 600 to bigger : jQuery(”#bannerscollection_zoominout_1”).bannerscollection_zoominout({ skin:”opportune”, width:1920, height:600, The effect will appear like an overflow. So where should i change the height please ? Thank you for your help.

Hello,

Please send me the link where you have the slider, using the form present on the right sidebar of our profile page, where it writes ‘Email LambertGroup’: https://codecanyon.net/user/lambertgroup

Regards

Frustrating: I’m using the default code provided in the help file and it shows the second slide black. After it loops the second slides shows. Also the slider seems to stop randomly but I have the “pauseOnMouseOver” set to false.

Now I noticed that it shows the slides I’m testing with all the way to right of the browser at around 100px in width. First slide shows correctly then the others squished and then correctly again when it loops.

Hello,

Most probably you have a css definition on your website which targets all the img tags.

Please send me the link where you have the slider, using the form present on the right sidebar of our profile page, where it writes ‘Email LambertGroup’: https://codecanyon.net/user/lambertgroup

Regards

Hello, is there any wwat to stop the zoominh effect, i want a normal image only in fixed-width-generous-skin.html thank you

Hello!

I’ve replied your email

Regards

thanks got it :)

Hi, do you have images lazy loading feature? I have a lot of images and i’d like to load them all at page load…

Hello,

Just add SetTimeOut around our slider JS initialization code

setTimeout(function(){
                $('#bannerscollection_zoominout_opportune').bannerscollection_zoominout({
            skin: 'generous',
            autoPlay:0,
            responsive:true,
                        width: $(window).height()*1.5-Margin,
            height: vwt_h,
                        fadeSlides:true,
            showCircleTimer: true,
                        showNavArrows:true,
                        showBottomNav:true,
                        enableTouchScreen: true,
            thumbsWrapperMarginTop: 25,
                        pauseOnMouseOver:true
                    });

}, 2000);

That helped thanks, another issue is horizontal scroll, if i will resize window, scroll disappears, if i’ll add $(window).resize() – first issue appears again…

Hello,

I don’t know if the horizontal scroll appears from your settings.

Anyway, please add this css class and it will not appear:


body {
width:100%;
height:100%;
margin:0;
padding:0;
overflow-x:hidden;
}  

This library suggests “full screen”; but it is not the proper term for this. Full screen means the device’s screen. I think the term is used here to suggest the full browser window. Is this correct? I have tried to use this with various (real) full screen libraries with no success. Does anyone know of a library that supports ken burns with true full screen support?

Hello,

It refers to the browser window, like presented in the live preview: http://zoompanningeffectslider.com/fs-opportune-skin-3/

It will also cover the entire parent div width & height.

Regards

Yes, do you know how to get it to work with true full screen libraries?

Hi, I have question concerning ‘zoom-full-screen-opportune-skin.html’.The first image shrinks, the second and the third image grow/zoom.

I want to make the first image like the 2./3.

How can I do this???

Greets

Hans

Hello,

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

Regards

I’ve set up the most simple use of this. 1 single fixed -width image with Ken Burns effect applied. No controls. No text. Just a moving image. On Google Chrome Mobile, when I do any scrolling on the page, the image just disappears and doesn’t come back. Everything checks ok on an iPad. Any ideas?

Hello,

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

Regards

hi

i have 3 quoestion..

1. can i disable bullet/thumnails ? (fullscreen slider) 2. can i view text from json file ? 3. howto setting (like add/dele pictures) ? via admin dashboard ?

tq

Hello,

1. yes, you have parameter to disable/hide the bottom navigation, which you can use when you initialize the slider

2. No. The text are div html tags

3. Only the WordPress plugin has an admin interface.The stand-alone version has parameters from where you can set the slider and also all the demo examples are included in the download pack

Regards

another question..

i’t support playlist ? can i scheduling in dynamic time…? e.g : time1 = playlist/pic 1 time2 = playlist 2

TQ

Hello,

I’m sorry, it doesn’t have this option

Regards

compatible with bootstrap 4.0???

Hello,

Can you please send me on office@lambertgroup.ro some additional details about what you are trying to do?

Regards

Hello there, I’m building a new website for some project in Dreamweaver CS6 (this is a must requirement from my client). Can I use this slider into the DW template? Thank you

Hello,

It can be integrated in any type of website. If a DW template has some particularities, you can insert it using an iframe https://www.w3schools.com/tags/tag_iframe.asp

Regards

Pre-Sale question: Is it possible to place the drop-down-menu (with the offers) wherever I want – for example with a shortcode in my template?

Use case: I want to use the offers for some A/B testing firstly in my header.php-template and after some period in my single.php and footer.php at same time. How can I “call” the drop-down in my template?

Thanks, Marcel

Hello,

I’m sorry, i don’t understand: which drop-down-menu are you referring at?

Please send me on office@lambertgroup.ro a screenshot.

Regards

Hi guys, I tried to contact you through your account page but with no luck. Is there any email I could contact you on I have a business propositions I would like to discuss :)

Kind regards, Kuba

Is it possible to call photos in the slideshow from another script or only from internal menus?

Hello,

Only from the slider controls.

Regards

Hi, one question pls…

how i can disable slider in tablet and smartphone devices??

Thanks!!

Hello,

The plugin doesn’t have the option to be disabled on mobile devices.

You should do a media-query or a script to disable/hide the slider div

Regards

Dear Support,

the great plugin you have have a conflict with a swiper…

Yours: <script src=”https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js”></script>

Theme: <script src=”assets/plugins/swiper/js/swiper.jquery.min.js”></script>

I want both in the same page, how i can do that?

If i disable the swiper the slider works ok!

But i need them both, can i do a trick?

Thanks!

Hi, so i can have two different version of jQuery? or i must find a version which is compatible with both?

I must use one jquery in home page? Pls explain a bit more, thanks!!

Hello,

You must have a single jQuery version on a page because multiple jQuery versions loaded on the same page will create conflicts. Our plugin will work with jQuery version form 1.7 and up. Just concentrate on a jQuery version which will be compatible with swiper.jquery.min.js

Regards

Thanks!!!

Best, xrisxal2000

I would like to make a layer text appear immediately with the slide; I’ve tried different approaches, but I seem to always have a delay before the text appears. Any help/suggestions greatly appreciated.

Hello,

The text can’t appear immediately because the new slide has to come into place.

You can make your layout div responsive. Either set top & left to percentage or use @media screen

Regards

Thanks for the reply. Any way that the text could appear before the slide is placed?

Hello,

It can’t appear in that manner.

Regards

Hi!

I like to use the fullscreen slider with different size images. First image: 2000×1600px, second: 2000×1200px, third: 1600×2500px, etc…

The first image appears well, but the rest are distorted… I’ve add css class to the images: width:2500px; display: block; height: auto; But I have no sucess :( Can I resolve this issue somehow, or I have to resize the images manually for the same size?

Other question: are there any html source generator from database or WP plugin?

br, Gabor

Hello,

1. We have the WordPress plugin. For the moment is at version 3.5 and we’ll launch the new v 4.0 in the next weeks

2. What do you mean by older machines?

Regards

Thanks for your answer.

The older machine I mean, if I check it on my old core2 Gateway laptop the Zoom In effect is lagging. Are there any trick to make the smooth moving continious on these lower video power machines?

br, Gabor

Hello,

No trick

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