carousel

Image not appearing from a Content Part with a Media Picker Field

夙愿已清 提交于 2019-12-11 13:17:32
问题 I am trying to achieve the carousel and have got so far except not being able to show the image. The sample can be found here http://www.stevetaylor.me.uk/image-carousel-using-twitter-bootstrap-and-orchard-cms-projections. To replicate do the following: 1.Create a new content type a. Creatable b. Add Fields i. Field Name: Image; Type: Media Picker; ii. Field Name: Priority ; Numeric Field 2.Go to Admin>>Content. I would expect to see both the Image Url and Priority Value. However only see the

Javascript - How to add a pause button in carousel?

℡╲_俬逩灬. 提交于 2019-12-11 12:11:27
问题 I have found this script in Magento which is rotating images from a certain directory. This is working fine. But I need to add a "pause" button after the "1-6". I am not an expert on javascript so not sure how to do this. Can someone please help me with this? The code: <?php $speed = 5000;//miliseconds ?> <script type="text/javascript"> var timeoutID; homeTileCount = 1; $$('.home-tile-container img').each(function(e){ $(e).writeAttribute('id','home-tile-' + homeTileCount); $(e).addClassName(

Owl Carousel 2 pagination dots were not diplayed

ε祈祈猫儿з 提交于 2019-12-11 11:51:18
问题 I am experiencing issue. The navigation components owl-nav and owl-dots are no longer wrapped with owl-controls. <div class="owl-nav disabled"> <div class="owl-prev">prev</div> <div class="owl-next">next</div> </div> <div class="owl-dots disabled"> <div class="owl-dot active"><span></span></div> <div class="owl-dot"><span></span></div> </div> Demos show: <div class="owl-controls"> <div class="owl-nav disabled"> <div class="owl-prev">prev</div> <div class="owl-next">next</div> </div> <div

Bootstrap Carousel showing all images at once with error when i use ng-repeat

那年仲夏 提交于 2019-12-11 10:56:14
问题 I'm trying to add a carousel(http://angular-ui.github.io/bootstrap/#/carousel) to my Bootstrap 3 website. But, All images are showing at once with the error. When i create a sample project with carousel(http://angular-ui.github.io/bootstrap/#/carousel) code it is working fine. My module looks like below var app = angular.module('myapp', ['ngRoute', 'angularFileUpload', 'LocalStorageModule', 'angular-loading-bar']); And, for carousel requires below. angular.module('ui.bootstrap.demo', [

How to stop bootstrap carousel automatic slide in mobile

心已入冬 提交于 2019-12-11 09:49:03
问题 Hi I'm trying to find a way to stop bootstraps carousel automatic slide function to stop only in mobile. I tried to carry this out myself using javascript, but the code I've used doesn't seem to work. var ismobile = window.matchMedia("only screen and (max-width: 760px)"); if (ismobile.matches) { $('.carousel').carousel ({ interval:false }); } 回答1: I am using this one, working grate for me: var isMobile = { Android: function() { return navigator.userAgent.match(/Android/i); }, BlackBerry:

Bootstrap Carousel Indicator active color change not working inside *ngFor - Angular

做~自己de王妃 提交于 2019-12-11 08:03:21
问题 Even though it is possible to be a duplicate, existing solutions from SO do not help me to fix my issue, at all. Issue: Slider button color is not getting changed in active and inactive state inside *ngFor . So far; mockData = [ { img: 'https://picsum.photos/900/500?random&t=1' }, { img: 'https://picsum.photos/900/500?random&t=3' }, { img: 'https://picsum.photos/900/500?random&t=4' }, { img: 'https://picsum.photos/900/500?random&t=6', }, { img: 'https://picsum.photos/900/500?random&t=7', }, {

Botframework v4: Can't render cards

北城余情 提交于 2019-12-11 07:58:40
问题 This is the sample on Botframework v4 docs. But it does not work. It says "Can't Render Card" on the Microsoft bot emulator. What i'm trying to do is a carouselCard but this simple card from Microsoft's sample is already not working. { "type": "message", "text": "Plain text is ok, but sometimes I long for more...", "attachments": [ { "contentType": "application/vnd.microsoft.card.adaptive", "content": { "$schema": "http://adaptivecards.io/schemas/adaptive-card.json", "type": "AdaptiveCard",

jQuery carousel without cloning

爷,独闯天下 提交于 2019-12-11 06:09:37
问题 I'm using CanvasJS (http://canvasjs.com/) for charts on my site, but I want to put them in a carousel which turned out to be easier said than done. I have tried a few different jQuery carousel plugins, but they all seem to have cloning in common, which I can't get to work with CanvasJS. Basically the carousels I have found creates clones of the visible elements and place them outside the viewport to complete the loop. It clones all the canvas elements needed for CanvasJS, but not the actual

Displaying multiple xml views w/o fragments

北战南征 提交于 2019-12-11 05:35:51
问题 In my app the user spins a carousel. On the selected Item I need to display a separate xml view for each item. The carousel is visibile at all time at the bottom with the view visible in the top half. I think that there is a better way than to use fragments. Any ideas? The following code is not functional as of now but I think an inflator may be the way to go but to get it done is troubling me. After case0 there is case1-case5. carousel.setOnItemSelectedListener(new OnItemSelectedListener(){