小编Dij*_*jam的帖子

显示/隐藏div的问题

我试图在div中显示一些随机图像.我的HTML代码是这样的:

<div class="sponsors">
<div id="sponsorsContent">
    <div class="spacer"></div>
    <div class="sponsorSlide" id="imgageSlide_1">
        <img alt="" src="<?php echo $this->baseUrl(); ?>/img/Sponsors/img_1.jpg" /><br />
        <span class="thumbnail-text">Image Text</span>
    </div>
    <div class="spacer"></div>
    <div class="sponsorSlide" id="imgageSlide_2">
        <img alt="" src="<?php echo $this->baseUrl(); ?>/img/Sponsors/img_2.jpg" /><br />
        <span class="thumbnail-text">Image Text</span>
    </div> ... </div></div>
Run Code Online (Sandbox Code Playgroud)

我试图首先洗牌"sponsorSlide"div,然后随机选择其中的7个.我想用fadeIn和fadeOut来显示它.一般来说,我正在尝试这段代码:

$('#sponsorsContent').addClass('horizontal');
$('#sponsorsContent div').addClass('hidden').removeClass('visible');
$('#sponsorsContent .sponsorSlide').rand(7).removeClass('hidden');
setInterval(function(){
    $('#sponsorsContent').fadeOut(500);
    $('#sponsorsContent .sponsorSlide').delay(500).addClass('hidden').removeClass('visible').shuffle();
    $('#sponsorsContent .sponsorSlide').rand(7).removeClass('hidden').addClass('visible');                  
    $('#sponsorsContent').fadeIn(1500);
}, 5000);
Run Code Online (Sandbox Code Playgroud)

主要问题是,当代码运行时,恰好在div淡出之前,你可以看到图像正在改变!但是当它们不可见时我想随机化它们!我用了不同的方法:

  • 延迟不同的位置和不同的部分
  • 使用addClass("bla",500)!
  • 查看(500)/隐藏(500)
  • fadeIn/fadeOut"sponsorSlide"

仅供参考,我想尝试这个概念:

1-显示一些随机图像2-淡出3-随机图像4-选择7个随机div 5-fade in 6-go 2

有没有人知道我的主要错误是什么?我是以错误的方式做某事吗?我很困惑,我真的想知道,我应该尝试哪种方式以及如何管理它以我想要的方式工作?

ps:没有fadings它确实有效!但我需要淡入淡出它们.

html jquery delay fadeout fadein

6
推荐指数
1
解决办法
228
查看次数

CKEditor:如何在预览中以不同方式显示代码块

我想创建一个用户可以在编辑器中插入它的元素.困难的部分是它需要与其来源不同.例如,我想用户在预览部分中插入此内容:

23

在源代码部分,它应该像这样显示:

<span class="tagSpecialClass">{{birthYear}}</span> 
Run Code Online (Sandbox Code Playgroud)

主要目的是以用户可以避免编写它们的方式显示胡须标记,并从工具栏中插入它们,自动插入正确的html并预览它.

我的问题是我对CKEditor的理解以及我需要阅读的关于它们的术语以实现这样的插件.

如何强制CKEditor以不同方式解析/编译/预览特定标记?

如果我的问题过于通用,请告诉我!

javascript ckeditor mustache

5
推荐指数
1
解决办法
1443
查看次数

标签 统计

ckeditor ×1

delay ×1

fadein ×1

fadeout ×1

html ×1

javascript ×1

jquery ×1

mustache ×1