bagisto elevatezoom not working properly? - javascript

I am using the elevate Zoom plugin to show zoomed images. The first time this plugin is not working, but when clicking on the second image it's working properly.
$('#active-product-image').ezPlus();
Plugin options not working, I used only basic options used but it didn't work. It applied the Mousewheel Zoom option automatically.

Well, this thing has been fixed in master. Please, take a pull from the master,
https://github.com/bagisto/bagisto.

Related

facing issues while adding lg-rotate class to my lightbox gallery in my html page

I've implemented light gallery feature in my HTML file using the following version of jquery lightgallery.
http://sachinchoolur.github.io/lightGallery/
I want to add rotate functionality on images in addition to the previous facilitated features. If using click action event for the rotation of the original pictures results in no change while opened using light box.
Is there any other way of rotating the picture using the same Jquery light box plugin.
Reading on github, there already is an open issue with feature request for image rotation
https://github.com/sachinchoolur/lightGallery/issues/245
So actually there isn't a way to rotate using this plugin, if you want an help for manual rotation please post your running code with jsfiddle, or wait for feature implementation.

Incorrect work jquery plugins bxslider with plugin elevatezoom

I'm begginer in programing. I'm trying to use jquery plugins elevatezoom and bxslider. And I have a little problem.
What I have
When I choose one picture from the box, which was created by bxslider plugin, as I understand, the other became invisible, but still exist at the page (in my example at the left top of the page). And when I mouseover this block, the elevate zoomer plugin understand it as a picture for zooming, and start to zoom it. As a result,the page works incorrectly.
Does anyone know how to solve this problem?
I also can give the link to the live project
Maybe you could try to add a class to the active slide object like here and then create an if statement for active slide objects only.

Supersized for WP api call

I installed the supersized plugin for wordpress, which is working great. I have set it up as a slideshow to autoplay without control buttons. Still working great.
Now, my client wants to have certain divs (with content) rotate alongside the background image. So, when supersized shows the first image in the slideshow div1 shows on the page. When the slideshow moves to the second slide, div1 needs to go away and show div2, and so on.
Currently, I can do this by hacking into the supersized.js and add a custom function that passes the current slide number inside the nextSlide() function.
Instead of hacking it, though, I would like to hook into it somehow.
Something like: $.supersized.api.currentslide or something similar.
Would this be possible at all?
Thanks!
This example fits with your Answer:
http://www.cirmiz.eu/supersized/
You need to configure a Theme with the init event and api.options.
In this example in the file supersized.shutter.min.js
Requires supersized 3.2.5 ¡important!
I think you are looking for this variable
$.supersized.vars.current_slide
good luck

What is causing this simple animation script to animate improperly?

I cannot seem to figure out what is making this script go wrong...
You can find a properly animated version of the script here...
http://jsfiddle.net/tTJaM/21/
You may find the live project version here...
http://jsfiddle.net/tTJaM/22/
The live project is located at http://paysonfirstassembly.com/
As you can see, the animation does not have the same visual effect in the second link. The visual effect I wish to achieve is the one in the first link. I am willing to edit the script to do this, or make changes to the CSS that I did not make initially.
min-height:120px; in .dynPanelContent in your css doesn't let it work properly. But I don't really understand why... If you remove it, everything works at least here http://jsfiddle.net/tTJaM/22/
It looks like the min-height:120px; attribute of .dynPanelContent is what's causing it. If you remove that style, it does the rotation properly, but the boxes are no longer properly sized.
The slideUp function is an animation that modifies height, but not min-height. This is a known issue in jQuery and there's a wiki entry on Getting Around The Minimum Height Glitch

ImageFlow + HighSlide dimmingOpacity option

I use Imageflow carousel combined with HighSlide image thumbnail viewer. I joined them together as it's described in the documentation here. It looks like everything works well. The only thing I can't figure out how to make work is dimmingOpacity option. It fills all the background with the color I set when the image pops up with HighSlide. I did all how it's described in the documentation and tried other variants but couldn't make it work.
The demo page is here. There is a Products link on the left, clicking on that you will get to the gallery.
What can I do about this?
I solved the issue by replacing highslide.js with highslide-full.js. Now it works fine.

Categories