首页 \ 问答 \ 内容滑块问题(Issue with Content Slider)

内容滑块问题(Issue with Content Slider)

我是html和css的新手。 我正在尝试自定义滑块,如下所示:

http://slidesjs.com/#overview

我正在使用 - 下载链接演示。

到目前为止我唯一做的就是在img,css和js下添加一个名为slider的文件夹,并添加了该文件夹下的文件。

所以index.html的唯一区别是:

<link rel="stylesheet" href="css/slider/global.css">    

早些时候是:

<link rel="stylesheet" href="css/global.css">   
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"/>
<script src="js/slides.min.jquery.js"/>

除了图像框底部的分页外,一切正常。 如果我将css的路径从“css / slider / global.css”恢复为“css / global.css”,它可以正常工作。 我试图找到调用* .css文件的地方,但我无法找到问题。


I am new to html and css. I am trying to customize the slider as provided on this:

http://slidesjs.com/#overview

I am using the - Linking demo from the download.

The only thing I have done so far is add a folder under img, css and js called slider and have added the files under that folder.

So the only difference in the index.html is:

<link rel="stylesheet" href="css/slider/global.css">    

which earlier was:

<link rel="stylesheet" href="css/global.css">   
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"/>
<script src="js/slides.min.jquery.js"/>

everything works fine except the pagination at the bottom of the image frame. if I restore the path for css from "css/slider/global.css" to "css/global.css" it works fine. I tried to locate the places where the *.css file is called but I ma not able to locate the issue.


原文:https://stackoverflow.com/questions/13799683
更新时间:2019-11-30 18:16

最满意答案

css文件中的第132行引用“分页”图像路径。 如果位置已更改,则您需要更新该css文件。

防爆。

    background-image:url(../img/pagination.png);

根据你上面所说的,它现在应该是:

    background-image:url(../../img/slider/pagination.png);

Line 132 in the css file references a 'pagination' image path. If the location has changed then you'll need to update that css file.

Ex.

    background-image:url(../img/pagination.png);

Based on what you said above, it should probably now read:

    background-image:url(../../img/slider/pagination.png);
2012-12-10

相关问答

更多

需要响应内容滑块(Need a responsive content slider)

查看http://www.swipejs.com/获取基于移动设备的滑动解决方案,或对http://www.woothemes.com/flexslider进行一些调整 Check out http://www.swipejs.com/ for a mobile based swipe solution, or make some adjustments to http://www.woothemes.com/flexslider

内容滑块问题(Issue with Content Slider)

css文件中的第132行引用“分页”图像路径。 如果位置已更改,则您需要更新该css文件。 防爆。 background-image:url(../img/pagination.png); 根据你上面所说的,它现在应该是: background-image:url(../../img/slider/pagination.png); Line 132 in the css file references a 'pagination' image path. If the loca ...

JQuery内容滑块?(JQuery Content slider?)

如果我理解好,你可以使用: var currentElemnt = $(".content").first(); //do something window.setTimeout(function(){ currentElement = currentElement.next(); //do something },5000); 这是超时5000毫秒。 I solved it like following, But I dont know is this the best way ...

与Ennui Jquery内容滑块的IE问题,不集中内容(IE issue with Ennui Jquery Content Slider, doesn't center content)

我只是在IE7 / 8中尝试过它并且它居中。 你发布后更新了吗? I just tried it in both IE7/8 and it was centered. Did you update since you posted?

页面之间的滑块内容不同(Diferrent slider content from page to page)

用例中最好的模块是Views Slideshow模块。 https://drupal.org/project/views_slideshow 通常创建视图,添加上下文过滤器,随意执行任何操作并根据页面动态获取内容,然后使用此视图幻灯片模块将该视图转换为幻灯片。 它有一套很棒的功能,本身就是一个非常完整的幻灯片解决方案。 The best module in your use case will be Views Slideshow module. https://drupal.org/projec ...

滑块内容随滑块移动(Slider content moving along with slider)

处理影响动画的属性时,您需要非常小心选择器。 .go-right div和.go-left div选择器正在影响.go-right和.go-left每个兄弟,而你可能只想让直接兄弟姐妹(幻灯片)受到影响,所以我用它们替换它们.go-right>div和.go-left>div : var theSlider = { track: document.querySelector('.m-tract-slider-wrapp'), // has to match `transition-du ...

将内容克隆到滑块(Cloning content to a slider)

实际上,它可能是一个完全不同的问题,可能与我在页面上有两个相同的滑块有关。 var w = $(window).width(); if (w < 769) { $('#programmeList').children('article').each(function () { var data = $(this).clone().html(); $('#slider ul').append('<li>' + data + '</li>') ...

Blogposts的内容滑块[已关闭](Content Slider for Blogposts [closed])

Bootstrap内置了一个滑块(也就是旋转木马)。 使用Bootstrap的一个优点是您的网站变得responsive (处理所有尺寸的屏幕/设备)。 这是一个 Bootstrap滑块的演示 。 或者,你可以自己动手。 以下是来自jsFiddle的几个简单滑块演示: $(function(){ $('#slider li').hide().filter(':first').show(); setInterval(slideshow, 3000); }); function sli ...

内容滑块和上一张图片的CSS样式问题(CSS Style Issue with Content Slider and Last Pic)

似乎这是你的计数问题。 请尝试以下方法 // ... *snip* theInt = setInterval(function() { $crosslink.removeClass("active-thumb"); $navthumb.eq(curclicked).parent().addClass("active-thumb"); $(".stripNav ul li a").eq(curclicked).trigger('click'); ...

HTML内容滑块[关闭](HTML content slider [closed])

你可以看一下这个清单,我相信你最终会找到你需要的东西: http : //www.freshdesignweb.com/jquery-image-slider-slideshow.html 但如果想了解它的工作原理以及如何自己制作,请查看这篇文章: http : //css-tricks.com/creating-a-slick-auto-playing-featured-content-slider/ 如果您搜索“CSS内容滑块”或“jquery滑块”或这些关键字的任意组合,您会发现数百个结果可 ...

相关文章

更多

最新问答

更多
  • 如何保护Solr只允许SELECT请求给用户并禁止其他任何东西?(How to secure Solr to allow SELECT request to only users and disallow anything else?)
  • XPath表达式无效/错误TFHpple SWIFT 1.2(XPath Expression not working/incorrect TFHpple SWIFT 1.2)
  • css3 3D变换不能平滑地制作动画(css3 3D transform doesn't animate smoothly)
  • 运行时错误'91'和Outlook.Application = <对象变量或没有设置块变量>?(Run-time error '91' & Outlook.Application = Object variable or With block variable not set?)
  • 慢的webservice问题(Slow webservice problem)
  • textview的不正确对齐方式(Improper alignment of a textview)
  • 在第一步“Hello World”中出现Java错误(Cannot run “Hello World” program in Eclipse)
  • 为什么十六进制地址是14个字符?(why the hex address is 14 character?)
  • 如何在Python中的不同类中使用变量?(How to use variable in different classes in Python?)
  • asp:GridView HYPERLINKFIELD - datanavigateurlformatstring中的asp代码(asp:GridView HYPERLINKFIELD - asp code inside datanavigateurlformatstring)
  • 关于adaboost算法(About adaboost algorithm)
  • 在Matlab上内置图像(Built in Images on Matlab)
  • java swing:输入键事件时焦点丢失(java swing: Focus lost on enter key event)
  • C#中的通用约束,T是相同的TSomethingElse,对吧?(Generic constraints in C#, T is the same TSomethingElse, right?)
  • 从mybatis中的光标获取数据(Fetching data from cursor in mybatis)
  • 在运行时从XML构建对象的最佳方法(Best way for building objects out of XMLs at runtime)
  • 在整个窗口中拉伸sf :: Sprite(Stretch sf::Sprite across entire window)
  • Selenium Node API Web驱动程序等待超时处理程序(Selenium Node API web driver wait timeout handler)
  • 函数使用并且是map的一部分(循环依赖?)(Function uses and is part of map (circular dependency?))
  • 是否可以在C ++ 14中使用可选模板参数创建类型元组?(Is possible to make a tuple of types with optional template parameters in C++14?)
  • PHP从窗帘后面打印/ f(PHP prints /f from behind the curtains)
  • JFrame的contentPane的LayoutManager(LayoutManager of JFrame's contentPane)
  • 用于Instagram Feed的图像滚动(Image Roll Overs for Instagram Feed)
  • 如何显示拉伸字体(双倍宽度/高度)?(How to display stretched font (double width/height)?)
  • 文件操作API在fileapi.h和stdio.h中的WP8差异?(WP8 differences between file manipulation APIs in fileapi.h and stdio.h?)
  • 保存失败后Rails没有回滚事务()(Rails not rolling back transaction after failed save())
  • jqgrid中的分页问题与数组数据(Pagination problem in jqgrid with array data)
  • 重定向时,通过其他页面上的URL调用javascript函数(Call javascript function through url on otherpage while Redirecting)
  • 如何使用InvokeCommandAction调用我的方法并传入参数?(How do I go about using InvokeCommandAction to call a method of mine and pass in parameters?)
  • Jquerymobile按钮仅显示页面的第一个外观(Jquerymobile buttons are shown only first apperance of the page)