Code

Discussion on Jquery Slider Zoom In/Out Effect Fully Responsive

Discussion on Jquery Slider Zoom In/Out Effect Fully Responsive

Cart 3,475 sales

LambertGroup supports this item

Supported

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

387 comments found.

Bought this recently and using in my site, I want to increase the height of full screen zoom in out slider, but can not understand how to do this.

Hello,

For a full screen version, the slider height is calculated automatically in connection with the browser or the parent div height

Regards

Thanks for your quick reply.. can you please suggest how can i increase the height another 200px in my site – http://iihmkolkata.com/new_site/, where should i change?

Hello,

I’ve replied your email

Regards

Hi I bought this plugin from a while, and installed just today !! I get a problem regarding positioning actually because RTL issue, is there any suggestion for RTL users to get this plugin work as it must be?

Hello,

I’m sorry, we are only testing the product with the standard LTR writing system.

Regards

Hi I want to buy this slider but before buying i want to have slides moving up & down direction instead of let right is it possible?

Can the Ken Burns Effect be deactivated in a gallery?

Hello,

Yes, you can deactivate it.

Regards

will this work on a theme? tried some sliders plug in but it wont work on an existing theme… only need the full width slider to be put on the index page of this theme… www.colosomichael.com … theme is nietzsche. if it will work can you help me how?

only 1 and I recommend you the .mp4

hi there.. for the layered slider,, can we make it fullscreen?

forget about it.. IT DOES WORK… thanks.

Everything works except the image that I am using for the main list items are not showing. They are showing within the rendered markup as seen via browser dev tools just not showing up on display. The url for the images are valid, although they are rendered from Azure Storage via a server side provider. The images are retrieved via a CDN endpoint. The images are downloaded to the browser but again do not show up on the display.

thumbnails do show from same url. Problem is consistent across browsers including Edge. Have spent way too much time on this issue. Need help please.

Hello,

Most probably you have in your css file a general definition for img tags with height:auto;

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

Regards

Hello.

in the site http://www.video-boda.es/

I delete height: auto;

but only see the first image.

If anyone could help me.

I resolve. I disable boostrap of the template

I am having an issue when the first slide in not visible. Please let me know how could I solve it

I removed it before posting this post. here is the url http://dunhamassociates.firstscribe.com/

when the slideshow has been loaded the first slide is not visible

I called the script on window load and it works just fine now

hello.

why disapeare the images?

www.video-boda.es

Thank you

I fix is the height:auto

Hello,

Yes, usually is height:auto for img tags

Regards

Hi, purchased jquery Slider regular license. Can i use both the majestic and opportune in a single website?

Hello,

You can use it as many times as you need in the same website.

Only if you’ll use it in a new website you have to buy a second Regular License

Regards

o kewl! thanks

Hello I have problem with Firefox.I use Firefox 35.00 Also I use Internet Explorer, Google Chrome.

In Internet Explorer and Google Chrome everything okey,no problem. But Firefox , I have interesting problem, I tried localhost and server, I get same result.

What is my problem; My gallery has 6 image. When I open site , My gallery is starting as usual until third image. After second image(I mean this problem starting with third image) I can not see complete of image.And this problem continue with 4,5,6 images.Then loop again, 1,2 normal , 3,4,5,6 problem as I said.

Images look intermittent, I can send you screenshoot if you would like it. This problem terrible for me. I tried to delete cache, localhost, server, and I get same result.

Also I am thinking this “loading” problem, maybe images don’t load complete because everytime change this “intermittent” I mean shape.

Can you help me?

Hello,

Please make sure that initialZoom and finalZoom values are between 0.5 and 1

Regards

Images that shakes… I upload the image and on Mac Firefox, the image start to shake,,, this is the web site http://vandutch.com

Hello,

1. The Initial Zoom and Final Zoom values needs to be less (or equal) than 1. Never greater than 1.

2. The images size should be greater that slider size. In you case you have for slider 1440×636. The optimal values should be

initialZoom:0.85,

finalZoom:1

image width: 1750

image height: 780

Regards

Hi, I cannot get it work in my project(visual studio 2013 Asp.net MVC4). Ofter running the page, i see only the loader. In firebug console i see this error: TypeError: jQuery(...).bannerscollection_zoominout

Any ideas to solve this?

Thanks

Hello,

Please make sure you are loading jQuery only once on your page.

Loading jQuery multiple times causes conflicts

Regards

Hi, Thank you for quick response. That was exactly the problem. I changed my code and it works now great !!!

My slider only animates for the 1st cycle. After the 1st loop, the text doesn’t animate. instead it just appears as a blink. is there a reason for this behavior? Please help.

Hello,

Please check you .css files to see if there’s a img tag definitions which has height:auto

You need to remove that

If you still have probems, please send me on office@lambertgroup.ro the link where you have the slider, to take a look

Regards

I’m able to see first image okay but 2nd and 3rd image don’t appear. Any ideas?

http://gpi.culturalimperialists.com/

Setting image height and width in the stylesheet seems to have solved the issue. Not sure if there’s anything else I need to do?

Hello,

The solution is correct. The problem appeared because you have in one of your .css files height:auto; for the img tags

Regards

Hi can this slider be like this. www.theafrix.com where the bottom text controls the images to be zoomed out?

Hello,

You can use this version: http://www.zoompanningeffectslider.com/zoomFullScreen_generous.html

You can save the text as images. The navigation will be done on click and not on mouse over

Regards

can it be without HOVER on the text it will show BLANK – White Space, when HOVER the zoom starts. if clicked it goes to the hyperlinked…. Thank you.. Hope its POSSIBLE. regards.

Hello,

The image will change on thumb click, like you see in the live demo

Regards

Hi

Is it possible to have a text link to each slide?

Thanks

I think we’re at cross purposes here. I nee to create a menu and that menu will send the user to a specific slide when a link is selected within it. The menu will be sitting outside of the slider.

Hello,

This can’t be done because the slider can’t be controlled from outside

Regards

That’s a shame because I know some of your other products offer this option.

Hi,

The following is creative web design slider, it is user friendly and appealing. Can I make a design like this?

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

Thanks

Hello, I had bought this slider .I just realised that there’s a problem with the slider when same is opened on touchscreen phone.It doesn’t allow to scroll the page. You can check the same on the url : http://www.triptoindia.com/

Please open the same on any touchscreen device . I am facing a problem on iphone 4 and it may be a problem with all touchscreen devices. I should be able to scroll the page by moving the slider image up and down.

Please help.

Hello,

When you touch the slider, the touch screen navigation feature for the slider is activated. To scroll the page you need to ‘touch’ outside the slider.

Another option is to deactivate the touch screen navigation feature for the slider by setting enableTouchScreen:false when you initialize the slider:

jQuery('#bannerscollection_zoominout_opportune').bannerscollection_zoominout({
    skin: 'opportune',
    responsive:true,
    autoPlay:10,
    width: 1024,
    height: 537,
    circleRadius:8,
    circleLineWidth:4,
    circleColor: "#ffffff", //849ef3
    circleAlpha: 50,
    behindCircleColor: "#000000",
    behindCircleAlpha: 20,
    fadeSlides:true,
    thumbsWrapperMarginTop:30,
    showPreviewThumbs:false,
    showBottomNav:false,
    pauseOnMouseOver:false,
enableTouchScreen:false

});

Please check help documentation, ‘JS Options’ section, to see all available parameters

Regards

This product does not work. It just shrinks the picture and expands it. IT does not zoom in and out as advertised.

Hello,

It zooms the images in/out like you see in the live preview demo

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

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