I have a problem. I need add swiping for photo for every product card, and also add swiping for group of products.
Now I have done work version swiping for group of products, but for photos swiperjs is not work.
Here you can find last work version:
https://codesandbox.io/s/spring-cache-dxw0ei?file=/index.html
Related
I need to use image sider that can move by pressing right and left corner.
I found this react-native-image-slider-show .but it cannot use correctly .console warning show about component mounting.
https://www.npmjs.com/package/react-native-image-slider-show
I also checked image slider box . but they are not ok for my project.
my project has already swiper for image.
I want to do is to move image on swiper card.
if use slider box, it conflict with swiper action.
if there is just right and left corner press image slider.
I already have swipe in my component, I try to use image slider because I want to slide multiple images of users on swiper card.
You can use this Package
npm install react-native-swiper
It will resolve your issue. Using this package when you click left or right of that image it willl move to next image.
https://gist.github.com/akulsr0/33ca485734b10d844ee7666f2955d132
Here is a link where you can check more about this Package.
Im trying to create a component on my web app. Which shows items in a caroussel where you can remove or like those items with swiping to left or right. Kinda like Tinder but difference is tinder are card stacks i want them in a caroussel.
I tried many different options none seems to be working. Any idea how i can achieve this?
I am trying to work with owl slider.
I have gone through the documentation but I am unable to figure out how
to loop through owl slider single slides.
I mean they work fine with pagination but with touch they stop at last slide.
Is there a possible way to loop through touch.
thanks.
here is the link
http://owlgraphic.com/owlcarousel/demos/one.html
You could use the latest version of Owl carousel (2.0.0-beta.2.4), this has a loop: true option which allows infinite scrolling when you reach the last slide in your case.
http://www.owlcarousel.owlgraphic.com/
I have a FlexSlider carousel setup similar to this example:
http://flexslider.woothemes.com/thumbnail-slider.html
These are two linked carousels, the thumbnail carousel at the bottom can be used to navigate through the top slides.
I can use the controlNav option to output pagination links, like the dots under the carousel on the FlexSlider homepage.
However, a pagination link will be output for each and every slide. Instead I'd like just the number of visible "rows" of thumbnails to be output.
Taking the example linked to above, say there's three rows of thumbnails which can be navigated through, the pagination links might look like this:
Is this possible with FlexSlider? I don't want a dot for each slide, but of each visible "pane" of thumbnails.
I want to understand if there's a jQuery or JavaScript package out there that allows both horizontal and vertical sliding of images/data at the same time in one nested slider?
I'm having trouble finding a package that allows this to work effectively.
It needs to have buttons to go up, down, left and right as well as the ability to slide using finger gesture when used with touch screen (optional). Also, when on slide 1c for example, when next is selected to go to slide 2a not 2c. Any help or advice would be gratefully received.
check out ankkit.com. its a portfolio of a friend of mine. he has done what you want
Have you tried iDangerous Swiper Plugin? I think this is what you are looking for.