我试图在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淡出之前,你可以看到图像正在改变!但是当它们不可见时我想随机化它们!我用了不同的方法:
仅供参考,我想尝试这个概念:
1-显示一些随机图像2-淡出3-随机图像4-选择7个随机div 5-fade in 6-go 2
有没有人知道我的主要错误是什么?我是以错误的方式做某事吗?我很困惑,我真的想知道,我应该尝试哪种方式以及如何管理它以我想要的方式工作?
ps:没有fadings它确实有效!但我需要淡入淡出它们.
我想创建一个用户可以在编辑器中插入它的元素.困难的部分是它需要与其来源不同.例如,我想用户在预览部分中插入此内容:
23
在源代码部分,它应该像这样显示:
<span class="tagSpecialClass">{{birthYear}}</span>
Run Code Online (Sandbox Code Playgroud)
主要目的是以用户可以避免编写它们的方式显示胡须标记,并从工具栏中插入它们,自动插入正确的html并预览它.
我的问题是我对CKEditor的理解以及我需要阅读的关于它们的术语以实现这样的插件.
如何强制CKEditor以不同方式解析/编译/预览特定标记?
如果我的问题过于通用,请告诉我!