carousel | 易学教程

CarouselView with a different template for each slide in Xamarin forms

阅读更多关于 CarouselView with a different template for each slide in Xamarin forms

问题 I need to make a CarouselView in Xamarin forms where every slide has a specific template. Currently I have done so: XAML : xmlns:control="clr-namespace:Xamarin.Forms;assembly=Xamarin.Forms.CarouselView" ....... <ContentView HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand"> <control:CarouselView x:Name="carouselView"> <control:CarouselView.ItemTemplate> <DataTemplate> <Label Text="{Binding Testo}" /> </DataTemplate> </control:CarouselView.ItemTemplate> </control:CarouselView>

How to pass `$(this)` to Slick.js plugin (and create multiple carousels with a loop)

阅读更多关于 How to pass `$(this)` to Slick.js plugin (and create multiple carousels with a loop)

How do I pass $(this).find('.option') and $(this).find('.prev_next') to Slick.js ? The following produces: Syntax error, unrecognized expression: [object Object]:not(.slick-cloned) in jquery-2.1.0.js:1429 http://jsfiddle.net/frank_o/Lr30ngo1/4/ $('.test').each(function () { var option = $(this).find('.option'), prev_next = $(this).find('.prev_next'); $(this).slick({ slide: option, appendArrows: prev_next, prevArrow: '<a>Previous</a>', nextArrow: '<a>Next</a>' }); }); <link href="https://rawgit.com/kenwheeler/slick/master/slick/slick.css" rel="stylesheet"/> <div class="test"> <div class="prev

Onsen UI Carousel Swipe list item

阅读更多关于 Onsen UI Carousel Swipe list item

i am using the carousel feature of the onsen ui framework in order to delete items in a list by swiping from left to right, like in ios/android. The swipe displays a "delete"-button which should delete this item from the list and reorder it The problem is, the view always deletes the last row instead the one i pressed the button on, however, the row is removed correctly in the dataarray. Does anyone have an answer for that?? *hope that there is s.o. out there with a solution You should supply some code so we can see what you've tried. Are you using the ngRepeat directive and a <ons-list> ? In

Trying to add carousel to webpage without redirecting

阅读更多关于 Trying to add carousel to webpage without redirecting

When I try to add this code to my webpage, whenever I click on the left or right arrow, it tries to redirect to "#carousel-example-generic", is there a way to do this without leaving my current web page? Heres the code: <!doctype html> <html> <head> <meta charset="utf-8"> <link href="http://www.cssscript.com/wp-includes/css/sticky.css" rel="stylesheet" type="text/css"> <title>Slideshow Test</title> <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> </head> <body> <div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> <!-

Slick Slider binding hover event

阅读更多关于 Slick Slider binding hover event

问题 I am using the slick slider to display images. At the moment i have it so you can click on the navigation and it changes the main image display. I am trying to get it to set the currently selected navigation on a hover event or mouseover event. This is my current code for the navigation and display: $('.slider-for').slick({ slidesToShow: 1, slidesToScroll: 1, arrows: false, fade: true, autoplay: true, //trigger after the slide appears // i is current slide index afterChange: function

Bootstrap carousel has conflict with morris.js chart?

阅读更多关于 Bootstrap carousel has conflict with morris.js chart?

问题 I am using morris.js to plot charts and I would like to show these charts by bootstrap carousel, however Firefox stops responding if I do so. They can work well separately but will crash if being put together. firebug told me there is something to do with Raphael library, but I still cannot figure out. Anyone out there had bumped into the similar problem and know how to solve this? Thanks. Here is part of my code. <div id="myCarousel" class="carousel slide"> <ol class="carousel-indicators">

Slick carousel. Want autoplay to play the slides once and stop

阅读更多关于 Slick carousel. Want autoplay to play the slides once and stop

问题 I am plugging Slick into a site. I have the home page working with a slick slide show except for one thing I can not figure out. I have 2 slides. They progress from a ghosted version of the image fading in one by one to a full resolution of the image in all its detail. At that point I want the last image to stop and stay there. The mark up for the slider is: <div class="column-right slide"> <div><img src="img/servicios/road.jpg" alt="Road"/></div> <div><img src="img/sobre_mi/map.jpg" alt="Map

Xamarin.Forms.CarouselView doesn't work on iOS

阅读更多关于 Xamarin.Forms.CarouselView doesn't work on iOS

I have tried to implement Xamarin.Forms.CarouselView for use on both iOS and Android using Xamarin.Forms in Visual Studio. It works perfectly in Android, but it doesn't work on iOS. On iOS it shows the first slide, but it doesn't allow me to swipe right or left to change the current slide. I have installed the NuGet package in both the iOS and Android projects. The XAML looks like this: <cv:CarouselView ItemsSource="{Binding Slider}" x:Name="CarouselSlider"> <cv:CarouselView.ItemTemplate> <DataTemplate> <Grid> <Grid.RowDefinitions> <RowDefinition Height="*"/> <!--<RowDefinition Height="Auto"/>

Bootstrap carousel next and prev function not working

阅读更多关于 Bootstrap carousel next and prev function not working

问题 Using latest version and have the basic carousel. I've got it working with all the default settings, however when trying to add or stop certain functions, things break or don't work at all. I want to be able to manually cycle through the images. Don't want it to auto cycle. I want to just use the next and prev buttons to cycle through. I've read a few post on here but the solutions don't work help/work. <div id="myCarousel" class="carousel slide">  <div class="carousel

jQuery slider for div elements not just images

阅读更多关于 jQuery slider for div elements not just images

I have created the divs and containers for some 'suggested items' at the bottom of this page im working on, would like it to be a slider where you click left and right to see more. But all jQuery sliders i've seen only work for images only (carousels), is there ones people could recommend for to me for this situation as it's not just images. I presumed I cannot have DIV's inside of UL elements as that's what all the sliders I've seen use. Here is my html for that slider area below. And a link to the page: http://bit.ly/18IOB8J <div id="carousel-left"><a href="#"><img src="http://placehold.it