my slider does not work properly when i use Fade effect. But with another effect, everything is fine.
Now, i am using Fade effect : But the picture change position every time. If i click to second Dot, the picture does not change :
http://mmafitness.com.au/home
But if i use another effect. Example fold. It's working quite good.
http://mmafitness.com.au/test-slider-3
I can not find out why. Please, help me!
Related
I'm working on a thumbnail slider using slick.js. It works fine with the sliders but positioning is distorted. Tried to realign it properly but was struck at locating the exact area to pick.
`https://codepen.io/isarathk/pen/JaBoaR`
After playing some time with Slick Sliders, i finally met the requirement.
The codepen link has been posted below for reference.
We can use two sliders with 'asNavFor' attribute included which appends the functionality of one slider movement to other while navigation is shown for both the sliders.
The codepen link given in the question has been modified with the answer, for reference.
I am using the materialize css slider. The first slide works fine. When it moves to the next slide it stops adding the .active class.
I have the basic setup. What happens after the first slide is shown is that it doesn't move to the next one. Look at the image. Velocity stays buzzy on the first slide and never adds an .active class to any other slide anymore. Not even the first.
Does anyone have an idea why? It worked 2 days ago without issues. Something that i changed in JS must have broken this but i can't seem to figure out why.
Maybe somebody had this situation before? Hope you can help me out.
Cheers,
Victor
I found that VideoJS does not work in combination with VideoJS. Both use Slider class, and therefor conflicts occur.
If you are able to strip Slider from either one of the 2 then your good I guess. For me, ... it was way to much work so I downgraded to HTML5 native :)
I've scoured the internet and I cannot seem to find any help on this. I want to have an image perform a wipe animation. By that I mean I would like the image itself to fade in from the left to right (not move from left to right, but fade, like reveal itself. I hope that's not a terrible description) I've found material on how to transition the image with a wipe, but it's outdated and I don't want to transition the image, I want to straight up fade it in. If anybody could help me on this I would be incredible grateful. Thank you so much, let me know if I can help clarify anything!
First thing that came to my mind is to have a separate UIImageView, with image something like this: http://www.creativecow.net/articles/ahearn_luke/creating_clouds/images/gradient.jpg (but transparent-to-white).
So - once You want to fade out Your image, You add as a subview a new UIImageView, which has frame like 3 times the width of the original image You want to hide. Once You add it as a subview, visually nothing would change, as the beginning of the hovering UIImageView would be transparent, But then You start animate frame (origin.x) of the hovering UIImageView so that it would be moved to the left side. While this happens, bottom ImageView will be gradually hidden from one side. After animation ends, You remove/hide both UIImageViews.
Not the best solution, but - if You are stuck, and still want the effect... Atleast some option.. Good luck!
When a user presses a button i add a scale transform to make it zoom out like safari's tabbing. when user presses the webview it comes back up. When the view is rotated, i use to get the values of how i wanted the frame to look like in tab mode, and checked if it was in tab mode when rotating and applied the frame. it works, and ive tried taking it out. The issue is, if i rotate like 10 times, a black line on the right side gets bigger and bigger going inside the webview. i have logged tons of objects for the web view and its scrollview to see if anything is off, the scrollinset/offset is correct, the frame is correct, the transform is correct too. i cant figure out why theres the black line. i tried refreshing the webview to see if its the webpage, and it doesnt fix that ether,the scale transform values is
CGAffineTransformMakeScale(0.6, 0.68)
for zoom out, and 1, 1 for zoom in. if anyone wants to see the effect just apply that to a uiwebview and start rotating the device about 10 times and you would then really see it.
heres how the web view looks when rotating a bunch of times:
on the right side theres that thick black line, it gets bigger with every rotate but ONLY grows when that transform is added, if its normal size again it stops but stays there.
When you transform any view, their frames do change, If you are using autoresize flag, check it since transforming changes frames and autoresizing also changes frames and this creates weird result.
I'm trying to create a slider similar to the slider here:
http://www.mako.co.il/
i looked at the code and saw it's built out of two different sliders:
1. the small pictures slider
2. the big image slider, which is on top of the small one.
both sliders have the same navigation arrows, and once you click on the "NEXT" button both sliders move together.
now, i used the Jcarousele Lite slider to do this, and this is the best i got:
http://jsfiddle.net/ZvU28/2/
the problems i have:
1. if you click on the next button (the right one) - the "bigger" slider go crazy, and then there is no sync between the small and big sliders.
2. if you click several times on the previous button, and then on the next - it work great - till the slider reaches the end/start and then the big slider go crazy again.
so - any suggestions? is there a better way to do this? i would appreciate any help!
Thanks!