Javascript 在WordPress上使用Kenb(Ken Burns)滑块-如何使幻灯片以随机顺序加载
我正在WordPress上使用Kenb效果滑块。我希望幻灯片以随机顺序加载。可能吗 我认为这是下面的相关js。您还可以在以下网址查看该网站: 这在主题的function.php文件中:Javascript 在WordPress上使用Kenb(Ken Burns)滑块-如何使幻灯片以随机顺序加载,javascript,wordpress,slider,wordpress-theming,slideshow,Javascript,Wordpress,Slider,Wordpress Theming,Slideshow,我正在WordPress上使用Kenb效果滑块。我希望幻灯片以随机顺序加载。可能吗 我认为这是下面的相关js。您还可以在以下网址查看该网站: 这在主题的function.php文件中: function kenres() { jQuery('#kenburns').kenburns({ //Functionality images: [ <?php $tti = 0; while
function kenres() {
jQuery('#kenburns').kenburns({
//Functionality
images: [
<?php $tti = 0; while (have_posts()): the_post(); ?>
<?php if ($tti)
echo ',';
$tti++;
$full = wp_get_attachment_image_src(get_post_thumbnail_id(), 'full');
$title = get_post_meta(get_the_ID(), '_slide_title_value', true);
echo "'";
echo $full[0];
echo "'" ?>
<?php endwhile ?>
<?php wp_reset_query(); ?>
函数kenres(){
jQuery(“#kenburns”).kenburns({
//功能性
图像:[
初始化滑块时,您会将一组图像(称为
图像
)作为选项传递,因此如果将该列表随机化,您将获得不同的顺序
您可以通过PHP使用shuffle()
:
或者,如果您想在Javascript代码中执行此操作,可以使用以下方法:
['image1.jpg', 'image2.jpg', 'image3.jpg'].sort(function() { return 0.5 - Math.random() });
请参见以下示例:
var随机=[
'image1.jpg',
‘image2.jpg’,
‘image3.jpg’,
‘image4.jpg’,
“image5.jpg”,
].sort(函数(){return 0.5-Math.random()});
document.getElementById('output')。innerHTML=random;
有没有一种方法可以在不使用图像文件名的情况下将随机函数添加到javascript中?这是一个WordPress网站,因此图像是通过后端上传的,通过对每个背景图像按文件名进行硬编码,这种方法不是很方便。另外,我可能会看到大约100多个不同的背景nt随机加载。但是您已经在硬编码它:如果您查看页面的源代码(靠近底部),您可以找到图像数组。如果您不想看到,可以查看您看到的内容。我认为是主题的function.php文件://Functionality images:[
$images = array('image1.jpg', 'image2.jpg', 'image3.jpg');
shuffle( $images );
['image1.jpg', 'image2.jpg', 'image3.jpg'].sort(function() { return 0.5 - Math.random() });