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!
Related
Does anyone know if there is a jquery library to have a slider to the one shown at the bottom of https://district2.studio?
It's vertical, works with the vertical scroll and when the slide changes, the previous one barely moves, and the new one has a minimal ken burns effect while sliding over.
I imagine it's necessary to combine a library with custom javascript or css.
I am using ngx-slick. I have a slider with
slidesToShow=3 and slidesToScroll=1;
The thing is that when I scroll the carousel, I can scroll with my mouse more than one slide, but then it goes back and scrolls exactly one slide like I set in the config.
Can you show me the direction where to look to LOCK the carousel after scrolling exactly one slide, not being possible to scroll further (just one slide at a time)?
I read a lot of topics on the internet, but nothing really relates to this specific problem.
below i attached an app help guide screen. I am understanding how to build this screen.
If any body have idea please share here
View with semi transparent background color (backgroundColor:"rgba(0,0,0,0.5)";) and some images on top of it.
So, using images is bad. You'll need images for translations and if you do this as one image you'll need to ensure all devices are covered so your arrows point to the right element.
Minimise images == smaller app.
First thing you'll need to do is a create a blocker view -- so that's a view that will fill the screen and have a black background with opacity.
You can't apply that to the window as everything in it will be semi-transparent so:
Create a transparent Window that fills the screen.
Add to that window a view that fills the window and has opacity say 0.5 and black background
Add to the Window (not the view you just created) the other elements and button -- ideally, these should be individual graphics of the arrows, sized in such a way that you can position them based on the host element (the item they are pointing to / referring to). Use real text so you can handle translations / reduce file size.
So you'll need a way to associate each tip with a control they are anchored too, and that will ensure that regardless of the screen size, the tip will appear in the correct place.
First of all, always give a try before putting questions anywhere because it makes you learn things on your own for long time.
The easiest step for you to do this is to ask your designer to create a complete image just like that & you just have to show it on top.
If you have to show that image in different translations, then you can ask your designer to provide you required translations images.
I have a UITableView with a navigation bar on top. I have several text fields in the cells and if i click in the cell at the bottom the keyboard hides the text field. So I googled and found this link: http://developer.apple.com/library/ios/#documentation/StringsTextFonts/Conceptual/TextAndWebiPhoneOS/KeyboardManagement/KeyboardManagement.html#//apple_ref/doc/uid/TP40009542-CH5-SW7
I used exactly that code and run my app again. Now it scrolls up (about the height of the keyboard) instead of scrolling down. Also it scrolls in every cell, even the cells at the top which will not get hided by the keyboard. Does anyone have a solution for this? I tried to log out some coordinates inside the keyWasShown: method but it's very complex for me to figure it out.
So I used trial and error and finally found out, that I have to add two superview properties behind activeField:
activeField.superview.superview.frame.origin
Do this behind every activeField in the method keyboardWasShown: and it will work. Ah and I added 70 pixels, because the view didn't scroll exactly where I wanted it to, maybe it is because of the navigation bar I use, I don't know:
activeField.superview.superview.frame.origin.y - kbSize.height + 70
I've a window with a horizontal split view. On the bottom pane of the split view, I have a nssegmentedcontrol, aligned to the center. On the bottom of the nssegmentedcontrol I have 5 tabs that are controlled by the segmented control - click in one of the cells and the corresponding tab opens.
My problem is, if I completely minimize the bottom pane, to the point where the dividing line touches the bottom of the window, the segmented control gets pushed on top of the table header and never goes back to its original place.
I've tried fiddling with IB to get this to work, but no luck. Has anyone experienced this?
Following what's on the comments, I replaced the default split view with the one found in BWToolkit that allows for the definition of minimum and maximum height of each view.
BWTookit is a no go, the framework leakes a lot.
You should use RBSplitView (google it), it also gives you option for min and max height
and I started using it because of a bug in the split view as well, I used it for a chat window
but the split view didn't autosave as it should, every time it got like 2px smaller,
RBSplitView is great, and doesn't leak.