Incorrect work jquery plugins bxslider with plugin elevatezoom - javascript

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.

Related

bagisto elevatezoom not working properly?

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.

Banner slider for wordpress without plugin

I would like to include banner slider that will fit properly on my site http://wwww.virmodrosti.com index page.
I tried to insert some codes I found on the internet but somehow ruined my entire page.
Question 1: Is jQuery or CSS alone is a better choice for slider?
Question 2: Where can I get easy slider without plugin for my wordpress theme?
I need a slider to be just below the line div id="content" on the main index page. I would like to insert an 1188px wide image because my main wrapper width is 1180px. All I want is a simple slider that has option for aorund 5 posts, that will be manually setup. That's why I ask for a good PHP or HTML code that will work with my wordpress theme.
.
Can you show me a Demo, what kind of slider you want. you can use slider Revolution For a simple slider.
This is a really good basic slider. http://kenwheeler.github.io/slick/
However, if you don't know how to develop your own plugin, then you are going to struggle to figure out how to control the content of the slider. Also if you are using someone elses code, isn't that just the same as using a plugin? Using a plugin means the code will be regularly updated, whereas if you use someone elses static code, then if it breaks you won't know what to do.

Jquery slimscroll doesn't hide

I am using jquery slimscroll plugin and I have a problem because it is shown even when there is no need, and after I move mouse, or tap on the page it hides (this happen when I navigate to the page where I use it). Is there any work around for this - I tried changing the plugin code, but the problem is it using page dimensions to determine visibility.
I have had the same issue and it's hard to believe what I found as a solution. Ready? Just remove the border on the container where you have applied the slimscroll. That fixed it.
I haven't found it necessary to look into the code but I am sure there's an easy fix for this.

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

Looking for simple slideshow with previous and next navigation

I just need to display the images in the very center of the page. The images will be different widths but should still be centered. I have custom arrow pointers and I want the other images to be hidden while the other fades out and a new one in.
I've found jquery cycle and stuff but I couldn't center the slideshow to the center of the page for some strange reason.
Any advice?
What plugins can I alter (just replace images) to get what I want?
http://www.proglogic.com/learn/javascript/lesson10.php
not sure if you are still looking for this, as its been awhile since your post - but this is a very simple slideshow using javascript and a table. the image is displayed with "previous" and "next" links below, which can of course be changed to whatever you want. the only possible issue is that it uses html tables which are frowned upon (unless completely necessary). it is however, very easily center-able using css. good luck!
Checkout Anything Slider. That seems to be what you are looking for.

Categories