I am new to the whole Appcelerator world so I had a question:
Anybody is aware if appcelerator titanium provides slider functionality similar to this screenshot?
If not, what would be the first docs to look at?
No need for fancy animation or anything, just simplest transition.
I just need basic slider for titanium that has slide selectors looking like small circles (or something I could modify or adjust to custom needs).
Also, yes I'll use this as a startpoint
http://developer.appcelerator.com/apidoc/mobile/latest/Titanium.UI.Slider-object
But the page doesn't have screenshots of how the slider object looks and acts.
You want the ScrollableView control, with the paging component enabled.
http://developer.appcelerator.com/apidoc/mobile/latest/Titanium.UI.ScrollableView-object
For displaying such kind of progresbar or slider u have to create custom view and inside that custom view put as many as dots images as you have photos and just scrolling of each photos change dots image as per e.current / e.views ...
and set previous image to default image. and make it touch enabled = false.
ScrollableView control, with the paging.
link
Related
I need to do vertical slide View from bottom to top as in the screenshot below, I need to pull View, but I don't know how to do it. Maybe there is some kind of library?
you can use react-native-sliding-up-down-panel for this..
here is git link:-- https://github.com/Abhijeet-Ashapure/react-native-sliding-up-down-panel
or if you want some custom animation panel go for animation api or you may check react native PanResponder to make custom touch responding view.
To get your image like effect
you can check react-native-modalize library..
I'm looking for a JavaScript library, pure JS or JQuery-based, that will allow me to create a slider similar to AnythingSlider or http://basic-slider.com/demos/. The most important feature I'm looking for is the ability to dynamically append new slides and then trigger a transition to it. The ability to transition to any slide is also important.
Most libraries I've investigated require that you append the slide to an element then retrigger the slider. This is fine however most scripts I've tested change the current slide position or there's a noticeable change in the elements on screen that disrupt the user experience.
Thanks.
I'm a personal fan of bx-slider. It's pretty basic, but it works really well. http://www.bxslider.com/
It just requires a basic div set up, and it's a plugin, so just call it from $('#myID').bxSlider();
Have you taken a look at the Nivo Slider? I have used this before and have never seen the problem you are describing (with retriggering the slider).
I have a question related to a JQuery topic. I am using a JQuery slider, as shown in this link
The navigation is controlled by the thumb images. Now I would like to create a link underneath the slider to control the scrolling images. I would like to change the position of the main picture, and the thumb picture position as well, what is used to navigate. Is it possible with a javascript; or do i need to configure a whole new event in my Jquery?
Thanks !
Find here and setup code
Okay, so I'm working on a project using JavaScript and the basic UI we want to be a very large background image, and when you select the navigation menu items it propels you to a section on that large image.
I've tried finding documentation on Viewports and trying to figure out how Map applications function but have had very very minimal success.
It would basically be a Google map without the user being able to slide it. How in the world would I begin to approach this?
You can set the background-image property in CSS and use javascript to change the background-position.
I am currently developing a site and have a need for a javascript-based carousel/slider hybrid on the home page that fades between 3 or 4 different images automatically, giving the user the chance to click on one and go to another page on the site. I also need the different slides to have some sort of navigation, denoted either by names for each slide (like in the Coda slider effect) or by symbols (such as dots for each slide), to allow users to review their options before clicking on the slide to visit the particular highlighted section.
I have seen this done in many ways with flash , but the only javascript approach I have seen that meets my needs is the one used by Apple on the new iLife page (link). Does anyone have any ideas what they are using or if there is a project that is similar to their implementation?
Thanks in advance.
Unless I'm missing something, the navigation on iLife looks like a photo gallery where the large photo links to the destination. I've used the jQuery Galleria for photo galleries because the animation effects are superb. Also the forum provides helpful community-based support.
If you wanted a carousel-style animation with the images sliding left and right, might try the jQuery Carousel library. I have not used it myself though so cannot comment on its ease-of-use or quality.
jQuery animate or jCarousel
The YUI Carousel Control would be another starting point to have a look at. (Note as of writing it is currently in beta.)
Hey I am not sure how helpful this will be but check out this slider. It is super simple and has the navigation thumbnails i think you are looking for
http://codetutorial.caroshaw.com/jquery_image_slider.php