原生js轮播banner - 腾讯云开发者社区

文章/答案/技术大牛

发布

1回答

打开遇到轮播页面现实的网页这种，整个系统就超级卡基本操作不了，比如我什么都不打开进入360浏览器官网有轮播banner 就会很卡?

弹性网卡、浏览器、系统

打开遇到轮播页面现实的网页这种，整个系统就超级卡基本操作不了，比如我什么都不打开进入360浏览器官网有轮播banner 就会很卡

浏览 550提问于2023-09-01

1回答

Owl-Carousel在初始化时放大图像

javascript、jquery、css、angularjs、owl-carousel

我用下面的ng-repeat创建我的所有幻灯片： ng-repeat="banner in vm.banners" banner-card>

浏览 0提问于2018-08-11得票数 0

1回答

如何修复php输出

html、css

我正在用php在引导图像轮播中显示图像。如何重构代码以在图像下显示'banner_title‘？“banner_title”当前显示在图像上方。我已经尝试使用css来定位标题文本。

浏览 12提问于2019-04-01得票数 7

1回答

如何在opencart 2.2.0中自动运行Carousel模块

opencart、carousel

请告诉我有关自动运行轮播模块从carousel.tpl？我是opencart的新手，请帮助我。我已经用JS编辑过了。 <a href="<?php echo $banner['link']; ?>"><i

浏览 17提问于2016-08-16得票数 0

3回答

PHP: Foreach with "if-else“语句

php、if-statement、opencart、opencart2.x、opencart-module

当在左侧的类别下浏览时，有两个轮播显示不同的促销活动。我想修改它，在第二个轮播之前有一个描述文本。为此，我应该编辑模板文件。php foreach ($banners as $banner) { ?> <?php if ($banner['link']) { ?php echo $banner['link']; ?>"><img src=&quo

浏览 2提问于2016-05-12得票数 1

2回答

带有React的Owl Carousel

javascript、jquery、reactjs

我想在中使用，而且我还是个新手。JSX代码 componentDidMount: function(){ items: 4 }, return(

浏览 1提问于2015-04-14得票数 4

1回答

React JS在带有reactstrap页面中多次使用引导转盘

html、node.js、reactjs、bootstrap-4、reactstrap

file=/src/App.js

浏览 11提问于2020-08-22得票数 1

回答已采纳

1回答

JQuery RS Carousel -如何根据鼠标位置而不是按页面进行拖动

jquery、carousel、drag

使用时，我希望根据鼠标位置逐渐拖动内容，而不只是按页对齐。目前，旋转木马将只捕捉到下一页/上一页或滑回位置，如果没有更努力地拖动……我不想这样。我想实现的是类似于的东西。顺便说一句，我在其他页面上有其他rs-carousel，已经很好了。如果修复不会影响他们，那就太好了。

浏览 3提问于2013-07-10得票数 0

6回答

强制在加载包括JS文件在内的任何内容之前加载某些JS文件和图像

javascript、image、load

因为我的客户的页面有大量的Javascript，所以我为手机版添加的图像轮播在智能手机上的渲染耗时很长。我想加载轮播图像，然后轮播所需的文件(jQuery，carousel JS文件，carousell CSS文件)之前，任何其他包括JS，CSS等。这是可能的吗?如果是的话，该怎么做？

浏览 0提问于2014-02-11得票数 2

2回答

在load - Owl Carousel上选择'item‘2

javascript、jquery、html、owl-carousel

通常从第一个项目开始，然后在HTML结构中显示下一个项目，但是当页面加载时，我希望它在下面的HTML中显示第二个项目类： <div id="banner-slider-demo-1" class="owl-carousel owl-theme owl-middle-narrow owl-banner-carousel"> <div class="item" st

浏览 2提问于2015-10-31得票数 2

回答已采纳

2回答

为什么我的javascript不会影响引导转盘

javascript、jquery、html、css、twitter-bootstrap

由于某些原因，bootstrap不允许我以js为单位设置间隔时间。!!!Rosie3.jpg', :alt => "Rosie Picture three" }$('.carousel').carousel({}) 在all.js

浏览 1提问于2014-03-19得票数 0

1回答

owl carousel不适用于Angular 7

owl-carousel、angular7

当在angular中应用*ngFor循环时，owl轮播不工作，而在应用静态数据时，它工作正常。<div id="regular"> <div class="container}} alt="Puma"> <div class="h2 text-body

浏览 9提问于2019-01-09得票数 1

3回答

如何在react原生快照轮播的一页中显示2个项目

react-native、carousel、react-native-snap-carousel

如果它很奇怪，那么最后一项应该在react原生快照轮播中显示我自己的组件。

浏览 66提问于2019-05-08得票数 4

1回答

从node.js服务器运行时，引导程序4轮播不工作

javascript、html、node.js、carousel

然而，当我通过一个简单的node.js服务器运行和服务网站时，旋转木马不会自动滑动，但它仍然会响应点击图片。 <img src="images/proteinpowder.png" /> </div></div> Node.js-server

浏览 17提问于2019-08-19得票数 0

回答已采纳

2回答

当幻灯片处于活动状态时将css应用于祖级div

javascript、jquery、css、cycle2

由于轮播是jQuery周期2，因此当跨度处于活动状态时，它具有类cycle-pager-active。var span = document.querySelector("#homepage-rotator > div.banner.cycle-slide.cycle-slide-active> div > div.banner-

浏览 6提问于2019-11-07得票数 0

2回答

目前我在我的网站上使用的owl-carousel太高了，因为它占据了整个屏幕以上的空间。从owl-carousel上的演示来看，每张幻灯片只有一个图像，似乎可以调整高度。我使用的是最新版本的owl carousel 2。我还尝试将carousel包装在另一个div中，并调整外部div的高度。我注意到我可以调整宽度，这也有调整高度的效果。但是，我想在不调整宽度的情况下调整高度。我附上了我的javascript和html。谢谢。 <div id="navigation"> <li&

浏览 4提问于2016-05-25得票数 6

1回答

作为jquery carousel一部分的li标记中的图像是在它们成为carousel的一部分之前首先显示的吗？

jquery、carousel

我在IE中使用roundabout.js有问题。在IE中，图像首先作为典型的ul列表加载，然后放入jQuery轮播中。Chrome会将图片直接放入jquery carousel中。我如何才能在轮播初始化或任何其他解决方法之前隐藏图像？致以敬意，

浏览 1提问于2012-03-28得票数 0

1回答

React原生选项卡视图配置滑动速度

animation、react-native、transition、tabview

我正在使用react原生选项卡视图来实现类似于轮播的功能。它似乎工作得很好，但滑动过渡对我来说太快了。如何配置？

浏览 16提问于2017-03-17得票数 0

1回答

Flurry标语，错误代码为3

android、admob、flurry

但是原生广告在MoPub SDK上工作得很好(因为AdMob SDK的原生广告视图在滚动方面的表现很糟糕)。Listener不能为null。(在第二次请求后消失)V/FlurryAdapter: Banner view is created for {widthV/FlurryAdapter: Requesting Banner Ad V/FlurryAdapte

浏览 2提问于2018-06-27得票数 0

4回答