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....
:-)
Related
I am using the vue-masonry library. At first I have 6 items, so I crated a LoadMore Button to see more of them. The problem is, that when I am in mobile, the items load perfectly, but the viewport changes. see the image attached.
Is there something I can do, to prevent the scrolling movement?
I want to display Images/Thumbnails of photos that I've been taking in a horizontal view as a part of my content page.
I've stored the images paths as strings in a ObservableCollection. What's the best approach to do this in XAML and PCL.
Would be great if 3 or something images are shown on the screen, and standard image if no images have been added or if string is null, and to have these in a scrollview or listview so that all of the images in the ObservableCollection could be displayed.
maybe something like this
/Oliver
Use Bindable (Horizontal) Scroll View. see this link it's help you.
http://www.fabiocozzolino.eu/a-little-and-simple-bindable-horizontal-scroll-view/
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 need some help with carousel view logic. I want to place 12 images on one page of the carousel. 24 images at all --> 2 carousel pages.
I realy dont know how to realize that. Also want to fire an event if one of those images are tapped by the user. Is this possible?
You should definitely take a look at this tutorial there's pretty much everything you need in it if you're trying to set up an image gallery.
http://superdit.com/2011/08/20/create-image-gallery-using-sencha-touch/
Here's a demo, even though it's not convincing on a big screen :
http://demo.superdit.com/sencha-touch/gallery
In my app I use a page control and a UIScrollView to page horizontally, I'd like to be able to enable vertical scrolling on each page. Now I know you can nest UIScrollViews in order to achieve this, there is however one problem in my project. Each of the pages uses a view controller consisting of a view, with a background image (different image for each page). This background image should not move while scrolling up and down.
Now what I want is the ability to have buttons, regular rect buttons, which I create in Interface Builder (since I want to be able to design and update the positions easily) and which then can be scrolled vertically.
So it should be like this:
You see a screen with a page-control on the bottom, above it an image with buttons over it. When you scroll sideways, you go to another page, again with an image (another one) and with different buttons. Now whenever you scroll vertically on a page, the buttons should be scrollable (so I can have a LOT of buttons on 1 page), but the image should maintain it's position.
So I figured, I just add another scroll view on top of the view with the background image. This works fine since I now have my buttons hovering over the background image and I have a separate nib file for each page including the buttons. But when I do it like this, the scrollview with the buttons becomes un-scrollable vertically. I don't know why this is happening, so could anyone suggest me how to achieve the wanted result?
I'd be really really grateful!
Thanks,
Fabian