我尝试使用100%宽度的jssor滑块(容器宽度为70%).问题是,jssor仅适用于像素,因此如果我使用宽度为100%的slide_container,则滑块不再起作用.有什么技巧可以让这个工作吗?
我正在尝试将Jssor滑块实现到我的页面中,但我不断在标题中提出错误.
我的内容是通过Javascript动态创建的,如下所示:
var slide = app.createHTML('div', "", {'id':'inventorySlides'}, null);
var div = document.getElementById('invDiv');
div.appendChild(slide);
Run Code Online (Sandbox Code Playgroud)
然后我以相同的方式在程序上生成单元格div并将它们附加到slide
.
我在主控制器中定义了一个函数,如基本用法页面上的示例(http://www.jssor.com/development/basic-usage-no-jquery.html),并且所有内容都已经过生成并附加,我调用该函数
jssor_slider1_starter('inventorySlides');
Run Code Online (Sandbox Code Playgroud)
但后来我在控制台中收到错误消息.我已经尝试记录inventorySlides div,它肯定存在于DOM中,所以我知道它不是那样的.我试过搜索currentStyles
,结果只是IE和Opera,我正在使用Chrome.
那是我做错了吗?或者是Jssor行为不端?
是否有可能使这个演示http://www.jssor.com/demos/full-width-slider.html
到全屏高度?喜欢超大旋转木马http://buildinternet.com/project/supersized/slideshow/3.2/demo.html
谢谢
有时照片长宽比与幻灯片容器不同,我看到照片将被拉伸以填充所有容器空间.
是否有任何选项可以避免这种情况,使照片长宽比不变?肯定会有一些空白,但照片中的形状不会改变.
我使用jssor图像滑块来显示图像,但我在重新加载滑块时遇到问题.
我在运行时通过WebService从服务器获取图像URL.
我需要显示新获取的图像URL.
但我找不到任何API刷新滑块,也没有清除滑块和更新.
如果有人这样做,请告诉我.
谢谢Harisha
我想在jssor插件中的image标签之外添加一个标题
<div>
<img u="image" src="bilder/bild2.jpg" />
<div class="caption" u="caption" ><p>Caption text</p></div>
</div>
Run Code Online (Sandbox Code Playgroud)
因此标题不会覆盖图像 - 而是放在它下面.(怎么样)可能吗?
如何调整这个滑块的宽度超级困惑...
我已经尝试编辑你看到它注释掉的jquery:
jQuery(document).ready(function ($) {
var nestedSliders = [];
$.each(["sliderh1_container", "sliderh2_container", "sliderh3_container"], function (index, containerId) {
var nestedSliderOptions = {
$PauseOnHover: 1, //[Optional] Whether to pause when mouse over if a slider is auto playing, 0 no pause, 1 pause for desktop, 2 pause for touch device, 3 pause for desktop and touch device, default value is 1
$SlideDuration: 500, //[Optional] Specifies default duration (swipe) for slide in milliseconds, default value is 500
$MinDragOffsetToSlide: 20, //[Optional] Minimum drag offset to …
Run Code Online (Sandbox Code Playgroud) 我的字幕质量很糟糕,文字非常模糊(就像你在图片上有文字然后让图片变大一样).
我注意到,如果我删除CSS:
transform: perspective(2000px);
Run Code Online (Sandbox Code Playgroud)
质量恢复正常.
为什么JSSOR会将此添加到我的所有标题中,如何禁用它?
一个简单的解决方案(可能不是最漂亮的)是在我的外部样式表中将transform设置为none,然后将其设置为!important.它是唯一的吗?
我正在尝试使用Jssor滑块显示不同的HTML内容,具体取决于所选类别及其子类别.我成功地为一个子类别创建了内容滑块,但我无法弄清楚如何销毁当前滑块并使用加载了Ajax的不同内容重新创建它.项目数在子类别中有所不同,据我了解 - 更改当前幻灯片不是一种选择.
所以,我的问题是 - 如何销毁当前的Jssor滑块并为新的滑块让路呢?
当我尝试在我的页面上放置多个滑块时,只有第一个工作.有没有办法让所有这些都同时工作?搜索堆栈溢出后我发现了这个
请按以下方式初始化多个实例,
var jssor_slider1 = new $JssorSlider$("slider1_container", options1);
var jssor_slider2 = new $JssorSlider$("slider2_container", options2);
Run Code Online (Sandbox Code Playgroud)
但是我把它放在哪里.它会起作用,因为这个解决方案不被接受.也没有其他答案.