我正在尝试将PHP脚本与Joomla 2.5中的Flexslider结合使用,以便能够从文件夹自动加载幻灯片和缩略图滑块导航,而无需为每个幻灯片编写代码,如部分{{3}中所述}。
我试图实现Joomla特定的几种不同的方法以及PHP,但我感觉我没有正确地合并它们。
1)
$path = JPATH_COMPONENT;
2)
$path = JURI::root();
3)
$path = $_SERVER['DOCUMENT_ROOT'];
4)
<?php
define('ROOT_DIR', dirname(__FILE__));
define('ROOT_URL', substr($_SERVER['PHP_SELF'], 0, - (strlen($_SERVER['SCRIPT_FILENAME']) - strlen(ROOT_DIR))));
?>
如果有人能告诉我如何使这些或其他方法与之相配:
$imgdir = 'flex/demo/images/'; //Pick your folder
因此Joomla的一个子菜单项的假装网址不会在不存在的目录中查找它,这太棒了。
如链接文章中所示,我使用的整个脚本都是通过Jumi插入的:
<link rel="stylesheet" href="flex/flexslider.css" type="text/css" media="screen" />
<!-- jQuery -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.min.js">\x3C/script>')</script>
<!-- FlexSlider -->
<script defer src="flex/jquery.flexslider.js"></script>
<div id="slider" class="flexslider">
<?php
$imgdir = 'flex/demo/images/'; //Pick your folder
$allowed_types = array('jpg','jpeg','gif'); //Allowed types of files
$dimg = opendir($imgdir);//Open directory
while($imgfile = readdir($dimg))
{
if( in_array(strtolower(substr($imgfile,-3)),$allowed_types) OR
in_array(strtolower(substr($imgfile,-4)),$allowed_types) )
/*If the file is an image add it to the array*/
{$a_img[] = $imgfile;}
}
echo "<ul class=\"slides\" >";
$totimg = count($a_img); //The total count of all the images
//Echo out the images and their paths incased in an li.
for($x=0; $x < $totimg; $x++){echo "<li><img src='" . $imgdir . $a_img[$x] . "' /></li>";}
echo "</ul>";
echo "</div>";
echo "<div id=\"carousel\" class=\"flexslider\">";
echo "<ul class=\"slides\" >";
$totimg = count($a_img); //The total count of all the images
//Echo out the images and their paths incased in an li.
for($x=0; $x < $totimg; $x++){echo "<li><img src='" . $imgdir . $a_img[$x] . "' /></li>";}
echo "</ul>";
?>
</div>
<script>
$(window).load(function(){
$('#carousel').flexslider({
animation: "slide",
controlNav: false,
animationLoop: true,
slideshow: false,
itemWidth: 210,
itemMargin: 5,
asNavFor: '#slider'
});
$('#slider').flexslider({
animation: "slide",
controlNav: false,
animationLoop: true,
slideshow: true,
sync: "#carousel",
start: function(slider){
$('body').removeClass('loading');
}
});
});
</script>
更新 - 已解决
我最初误解了我的问题,我无法获取正确的网址,而不是图片的路径。在某些时候,它在我想要的图像目录和图像路径之间添加了一个Joomla生成的目录。出于某种原因,要么我没有正确地解释它,要么它似乎已经消失了。
我需要添加一个前导'/',但它不会让我将它添加到行中:
$imgdir = 'flex/demo/images/'; //Pick your folder
所以我通过改变这个来解决我的问题:
//Echo out the images and their paths incased in an li.
for($x=0; $x < $totimg; $x++){echo "<li><img src='" . $imgdir . $a_img[$x] . "' /></li>";}
echo "</ul>";
为:
//Echo out the images and their paths incased in an li.
for($x=0; $x < $totimg; $x++){echo "<li><img src='/" . $imgdir . $a_img[$x] . "' /></li>";}
echo "</ul>";
在两个实例中,它出现在用于将url输出到img src的代码中。
希望这有助于其他人!
答案 0 :(得分:0)