I want the carousel slider with the 3rd image to be half displayed and on click the right side navigation icon the 3rd image need to be displayed first and rest 2 images need to be displayed
What you are looking for is Lemmon carousal
Check this out. Will be very useful
http://jquery.lemmonjuice.com/plugins/slider-variable-widths.php
Related
I am using native base tabs to display scrollable tab bars in react-native
I had 4 tabs and the content in each render item tab changes, so the length of the tab bar content changes. how can I adjust the height of the scroll view based on content in tabview. it should not scroll when content is less. it leaves blank space below when content is less.
when content in tab bar render item is more than the screen height it scrolls.
when content in tab bar render item is less than the screen height it should not scroll.
even if the content in the 2nd tab is less it scrolls based on height of 1st tab content height.
It should not scroll if the content on in tab render item is less.It should scroll based on the content in tab view
it's the sole reason why i left native-base because of the issue. It's and open issue with native base and they havent resolved it yet. The problem is that i had 3 tabs and three scrollViews had different height. so it takes the longest height and when we go to any other tab , it leaves blank space.
this is the link to the open issue in github native base tabs . Do check it out if you can find any resolution for it. I couldnt find it so ive switched to
react native tab view . .This is a better library for tabs and coz of the issue in native abse. i switched to it.
Hope it helps. Feel free for doubts
I want to display 250-300 images for scrollview,initially only 10 images i will display after click on show more i need to display again 10 images with scrollview.
i have tried with Scrollable view but it is scroll horizontally?but i need to display images vertically.please help me.
You have the following options to do a vertical scroll view:
Ti.UI.ScrollView
Ti.UI.ListView
Ti.UI.TableView
The second one is the most performant and there are several widgets to help you with adding more images as the user scrolls down.
I'm using 3 navbar's one below the other and the first navbar is with link in the right.
My second navbar has logo towards right, and links towards left.
But I see that my logo doesn't come like the way I want. The second navbar takes the height of the logo.
What am I missing?
I made you a demo bootply demonstrating what I think youu're looking for.
It has 3 navbars, with a logo in the second, overlapping the third navbar.
I want to make a dynamic animated slider with symbols that contain clickable actions vs a slider image only approach. I would like to use a "next" button and a "back" button that will scroll multiple background images that contain clickable links. I can produce a basic image slider with the back and next buttons, but this approach is limited. Any help on how I can do this in Edge Animate CC will be very appreciated.
I was looking for a very simple slideshow a while ago. Came up with this here:
http://jquery.malsup.com/cycle/
If you want your Slides to contain any clickable items you will be able to simply add them to the sides div. Just set the picture as a background image in CSS and you are free to develop any clickable items infront.
Here is another tutorial that worked fine for me: http://line25.com/tutorials/build-a-simple-image-slideshow-with-jquery-cycle
To me this is easy to understand and if you are used to jQuery at least a little bit this here will work out fine for you.
I am displaying images in xtype:dataview as thumbnail.
I am curious how to show the tapped image as a Highslide popup in a next view.
Can someone guide me in this?
A sample code will be much help full.
Do you mean a highslide gallery, with thumbnails underneath? There are lots of different types of highslides.
The best way would be to create a container with vbox....a carousel on top with a flex setting of 0.8, and a dataview underneath with a flex of 0.2.
Then, you can use the same store for both, load the dataview. Your tap listener for the dataview would do an animateactiveitem [index] of the carousel....the index will be take automatically from the dataview.
I ended up referring to the APOD carousel example by Ed SPencer, which pushes items into a carousel from a store first. The I loaded the store into both dataview and carousel at the same time, with an animateactiveitem showing the correct slide of the carousel on tap of the dataview.
I don't have my laptop here to post some example code, but maybe start by looking at the ed spencer APOD carousel.
Hope this helps....
:-)