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.

Hello,

i have a problem with the Full Screen Slider. If i activate the zoom function, sometimes there is a grey screen instead of the image. I’m working with Windows XP and the latest version of Firefox. On Windows 7 it works.

Do you have any solutions?

Regards

Hello,

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

Regards

Hello.

I have problems with the slider. I only see the first image.

http://www.video-eventos.com/

if you dont mind see

Hello.

I have another problem in the same site, I disable this

showOnInitBottomNav:false,

showPreviewThumbs:false

but when I resize the browser the Botton nav put enable and see, I not like see.

Thank you

Hello,

Please also set showBottomNav:false

Regards

Thank you.

Hello, Is there any way to detect when the last slide is reached in order to fire up an event? Any API such as slider.afterLastSlide(), slider.beforeLastSlide() or check the number of the current slide etc.

I would like to redirect to another page after the last slide is out.

Thank you in advance.

I really like the results of the Zoom in out slider Jquery version but I really wish it had a front end like the Wordpress version. If I wanted to take on a challenge and make a front end for myself, what would you recommend? Do you think AngularJS would be a good fit?

Thanks

Hello,

If you are familiar with AngularJS, you can use it

Regards

I have never used AngularJS so I am not sure it would be the best way to do it, but if it can help me create a front end that will save a HTML file with the enter & exit coordinates for images & text, then I will try to learn it. This will definitely be a project.

Thanks for your help.

Hi Lambert group,

pls go to…

http://tinyurl.com/lh8yqhx

and go to th last slider (8th). There pls i want to add the markers on the map, but i wan it to be responsive, so in laptop or tablet the mage and the pointers are ok. Now when i open it from a tablet or laptop the pointers pointing to another place.

PLs help :-)

Kindest trgards, xrisxal2000

I found it!! Thanks!!

kindest regards, xrisxal2000

Something last pls…

can i have a google map in slider? is this possible? if yes , how?

Thanks!

Hello,

You can try adding it. It was never tested

Regards

Very nice gallery! What I would like to know is, if it is possible to create categories?

I plan to use this gallery as my photo website.

Many thanks in advance!

Hello,

It doesn’t have categories. You can create multiple sliders and add the categories in your layout

Regards

Hello im having installation errors every time i try to upload this to my wordpress? Please get back to me its saying its no valid files found.

Hello,

This is a jQuery plugin.

This is the WordPress plugin http://codecanyon.net/item/responsive-zoom-inout-slider-wordpress-plugin/2950062

Regards

Hi,

I want my images moving from diffrent directions but without zooming effect (so only panning effect!). Is this possible?

Hello,

It is not possible

Regards

With this plugin, can I create the pages of the theme “Avada”, equal to theme page “Goodnews or Multinews”? To create a visual more organized equal a Magazine? See in the page Goodnews or Multinews, have the tone of light gray between the article and the sidebar widgets, this is what I want.

See the links: Avada: http://theme-fusion.com/avada/medium-image-right-sidebar/

Goodnews: http://www.momizat.com/theme/goodnews/2013/07/yellowhammer-amazing-photo/

Multinews: http://www.momizat.com/theme/multinews/barcelona-hopes-to-have-messi-back/

Hello,

I’m sorry, I don’t understand the connection between the links you’ve sent me and our slider

Regards

Hi,

I am using only one image by slider. I would like to change the opacity on the image.

Can you help me please ?

Hello,

This option is not available, but you can change this class ’.bannerscollection_zoominout img’ in ‘bannerscollection_zoominout.css’ file

Regards

Hi.. have bought the s/w a few days back.. have a problem when there is only 1 image in the slider.. saw a comment here from 8 months back and you had answered that in he future update you will take this anomaly into consideration… is there a solution when there is only 1 image used in the slider ??? will appreciate your quick response.. and a possible solution.. thanks..

thank you for your response.. it did work…. can you also advise if there is a way where i can have the text aligned to the right on the images..

the text length will vary from image to image..

Hello,

This is possible only using data-final-left but you need know the layer width

Regards

Hello. Beautiful Work you have. Wasted a few but finally found the right slider.

My question is – Is there a way to have text appear for a 1second then disappear. Like fade in then out?

Hello,

Yes, you have data-intermediate values.

Please check help documentation, ‘Layer Animation’ section, to see the available parameters.

Regards

Hello:

Great job! Is there any way to detect when the last slide is reached in order to fire up an event?

For example, if I have 6 slides, each on screen for 5 seconds, and the loop parameter set to false, I would like to fire something at the end of the fifth second of the last slide.

Is that possible?

I understand there is no built in option for that, but, how would you work around it? Just some start point, not asking to do my job.

Thanks in advance.

Hello,

You can check for options.loop and when the loop is fired you can fire your event

Regards

i have read that lazyload is not possible. does it work in the new version?

Hello,

lazyload is not available

Regards

could you add it? how much would it cost?

Hello,

As the plugin is constructed now, lazyload can’t be added.

We’ll take this into account for a future update

Regards

Hi, here i’ve used your slider: http://topleasure.ch/product/70/fendi-borsa-a-spalla

in the big photo on he left under the “Shopping”title.

When resizing from big to small window the thumbs in the banner under the slider has some strange effects: at small resolution they overlap eachother, at medium instead seems that need 2 rows…

Any tips?

Thankyou

My setting

skin: 'generous', responsive:true, responsiveRelativeToBrowser:false, width100Proc:true, width: 570, height: 500, initialZoom:1, finalZoom:1, durationIEfix:0, autoHideNavArrows:false, enableTouchScreen:false, numberOfThumbsPerScreen:6, thumbsWrapperMarginTop:10, thumbsOnMarginTop:25, showPreviewThumbs:true, circleRadius:0, thumbsWrapperMarginTop:25, autoPlay :0, loop: false, showNavArrows: true

Ok thankyou!

Sorry removing the anchor doesn’t resolving the issue… the problem is only with the thumbs’ banner, may be some twitter bootstrap compatibility issue?

Hello,

For me the thumbs look ok. What I see is that the slider disappears completely at lower resolutions. It looks like you are hiding the slider for lower resolutions

Regards

Hello, just curious, as I didn’t see this in any of your html examples. How do I add a background image with the frame? Like what you have in “_PSD/_backgrounds/OpportuneBG.psd. Where in the html file do I add the BG image, so the slider plays within that frame. I like that shadow effect under the frame. Thanks for any guidance. Great work! by the way.

Hello,

You’ll insert the slider in a div which will have a css image background

http://www.w3schools.com/cssref/pr_background-image.asp

Regards

Thanks for the quick reply!!

Hi, i have d ryed the version 3.0. It Looks like that the html is not w3c valide. is it possible to make the code valide? what do i Need to care about if if update from 2.4—> 3.0?

Hello,

The slider uses HTML data-* Attributes http://www.w3schools.com/tags/att_global_data.asp and for the moment it is not w3c valid.

To upgrade, just overwrite the ‘js’ and ‘css’ file. Please make a back-up first. Also, don’t forget to check the help documentation, because new features are available

Regards

Hi,

I just purchased the “jquery Slider Zoom In/Out” slider because I was really impressed with the demos. I unzipped the folder and read through the whole Help file. Isn’t there some kind of GUI with this program? It looks like I have to build my whole slide show line by line in code.

Thanks George

Hello,

We have admin panel for WordPress plugin.

For jQuery plugin, we have .html file for each example present in the preview. You can only replace the elements present in the example files with your own and of course add/delete some

Regards

Ok, thanks for your reply. I will struggle through it. I have played around with [removed] before, so I know how to set up the folders on my server site, but I was hoping for some kind of interface to create the HTML page. Especially for the Layers feature.

Hello! Firstly, thank you for a very beautiful and useful plugin! :)

I would like to change duration of transitions and showing slides. How to do it? Maybe there’s some documentation, then please provide me with a link, I failed to find any…

And one more question :) I tried to place captions to tight side, for this I changed data-final-left=”150” to data-final-right=”150”, and it didn’t work at all. Is there another way?

Hello,

Please check ‘____help.html’ file, ‘JS Options’ section. You have ‘autoPlay’ parameter which you can use when you initialize the slider

jQuery('#bannerscollection_zoominout_opportune').bannerscollection_zoominout({
                skin: 'opportune',
                width: 960,
                height: 400,
                autoPlay:15
            });

You also have the option to set different times for each slide using data-autoPlay parameter:

<li data-text-id="#text_id_animation" data-autoplay="5">html content here</li>

Regarding second question, there's no 'data-final-right' parameter. You need to set a bigger number for 'data-final-left'. Don't worry about the responsive behavior because the product will position the layers in a proportional manner (for fixed and full width versions)

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