0

我正在尝试将 PHP 脚本与 Joomla 2.5 中的 Flexslider 结合使用，以便能够从文件夹中自动加载幻灯片和缩略图滑块导航，而无需为每个幻灯片编写代码，如此处部分所述。

我尝试实现几种不同的方法，既针对 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 的子菜单项的一个假装 url 不会在不存在的目录中查找它，这太棒了。

如链接文章所示，我正在使用的整个脚本是通过 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>

更新-已解决

我最初的问题措辞有误，我无法获取正确的 URL，而不是图像的路径。在某些时候，它在我想要的图像目录和图像路径之间添加了一个 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 的代码中。

希望这对其他人有帮助！

4

1 回答 1

0

请使用 JUri:base() 获取您的 Joomla 站点的基本URI。

<link rel="stylesheet" href="<?php echo JUri:base(); ?>flex/flexslider.css" type="text/css" media="screen" />

改变

$imgdir = 'flex/demo/images/'; //Pick your folder

至

$imgdir = JPATH_ROOT.'/flex/demo/images/'; //Pick your folder

这些常量是为在 Joomla 和扩展中使用而定义的：常量

于 2013-04-27T02:01:07.217 回答