Here is my current Carousel
I want to make my left and right item on carousel smaller on the one on the center(active-item). I currently have no idea of how can I achieve that. Thanks
Related
Please look at the official navbar example:
https://getbootstrap.com/examples/navbar/
If you try to resize your browser you see this:
Today I found the same problem on my website.
How to easily fix this behavior?
This menu has not enough space in one row. The right side part just does not fit in the same line. You can:
reduce the number of menu items
(for example, hide one of them by adding the hidden-sm class)
make names of items shorter
hide a word from the name:
<li>Something else<span class="hidden-sm"> here</span></li>
reduce the distance between menu items
reduce the width of the logo for this screen width
expand the container or use container-fluid instead
I am using Panaroma control to display list of items. The problem i am facing is that after last item it will again continue to display the items from first . I just want it will go from first to last item in one swipe direction and viceversa in another direction. How to achieve this?
That's the natural behavior of the Panorama control, and I suggest you not to manipulate it. Even if you do it'll be a concern from the user's perspectives as it's the usual behavior in a Windows Phone app.
Disable Panorama looping
If you really wanted to, then have a look at this & How to stop pivot looping.
You cannot stop looping items in a Panorama Control. But you can stop looping Pivot Items by simply setting YourPivot.IsLock=true when you are in the last Pivot Item.
And you can unlock the Pivot, by detecting the swipe direction.
I have two images, one upon the other and I want to delete the little section(finger) when I tap on the top image or swipe on it. In this "deleted" section the other image should be visible.
How to achieve this?
I would use 3 images with transparencies, where one disappears when you tap. I think it's the easiest way to achieve what you want.
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!
Initially I was under the impression that it uses the table row slideup/down animations while inserting/deleting new rows but I doubt if it's doing that as it does it so fluidly even with thousands of items in the list (otherwise it would take a lot of time for the deletions/insertions to work).
Am I right in my assumption that it's simply attaching a new instance of the News list at the bottom of the screen, shrinking the above one while the one at the bottom expands to fill up space?
UPDATE:
Please see this video of what I mean: http://dl.dropbox.com/u/4960327/ReederAnim.mov
I can not tell you exactly how Silvio Rizzi made this, but as you see in the playback, a list view is added behind the shown list view, and the front list view fades out (.alpha = 0.0;) while the list view behind it expands its height per row.
When you desicate it frame by frame it becomes quite clear what he does, and it is really not that advanced. But I have to admit, with the white "milky" polished interface, it looks quite neat.
In addition, you can see that while animating, the background list view only renders the top 7 entries (hopefully calculated by dividing the view height with the average height of the cells shown) making the list view quick to load. Then afterwards, he can load an extended array of cells once you start scrolling, or in a background thread starting once the animation is complete.