Javascript 具体5、Imageflow和Fancybox JQuery

Javascript 具体5、Imageflow和Fancybox JQuery,javascript,jquery,fancybox,concrete5,Javascript,Jquery,Fancybox,Concrete5,我知道这篇文章似乎很长,但我相信有一个非常简单的解决办法。请通读一遍 好的,我这里有一个获取图像的小php: <div id="<?php echo $smallThumbs; ?>" class="imageflow"> <?php foreach($images as $imgInfo) { $f = File::getByID($imgInfo['fID']); echo '<img src="'; echo $f->getR

我知道这篇文章似乎很长,但我相信有一个非常简单的解决办法。请通读一遍

好的,我这里有一个获取图像的小php:

<div id="<?php echo $smallThumbs; ?>" class="imageflow">
<?php 

foreach($images as $imgInfo) {
$f = File::getByID($imgInfo['fID']);

    echo '<img src="';
    echo $f->getRelativePath();
    echo '" longdesc="';
    echo $f->getRelativePath();
    echo '" ';
    echo 'alt="';
    echo $imgInfo['description'];
    echo '"/>';
        ;}; ?>

</div>
Fancybox对标记本身起作用,但在代码中,您将其指向围绕“a”标记的位置。您需要做的是从以下内容更改javascript:

$(".imageflow").fancybox({
为此:

$(".imageflow a").fancybox({
请注意,如果希望将多个图像分组在一起,以便可以单击fancybox中的箭头在它们之间来回移动,则需要为每个“a”标记赋予相同的“rel”属性,例如:

echo '<img src="';
echo $f->getRelativePath();
echo '" longdesc="';
echo $f->getRelativePath();
echo '" rel="gallery1"';
echo 'alt="';
echo $imgInfo['description'];
echo '"/>';
echo'getRelativePath();
回声“longdesc=”;
echo$f->getRelativePath();
echo“rel=“gallery1”;
回声“alt=”;
echo$imgInfo['description'];
回声“/>”;

好的,所以我尝试了这个,但它不起作用。我想这是因为我的imageflow.js内置了onClick事件函数。下面是我的imageflow.js中的代码:我将onClick函数改为:onClick:function(){location.href='index.php#login popup'}。所以当我只使用$(“.imageflow”),我点击时会弹出一个窗口,但它说内容无法加载。当我在代码中放置“a”标记时,图库根本不会加载,我想这是因为imageflow无法解析它,所以根据我的理解,我为弹出窗口提供的view.js,它从定义为a的“a”标记中获取图像srcclass=“登录弹出链接”href=“#登录弹出链接”“。如果我将'a'标记添加到my php代码中,imageflow.js将无法解析它。如果我不添加它们,view.js将无法解析它。所以我需要改变其中的一个以得到我的结果。最好是,我希望从imageflow.js中删除onClick函数,并使用“a”标记向其添加解析功能。你认为我是对的?如果有,可能吗?再次感谢你:对不起,我不确定我是否理解这个问题。您应该能够将每个效果设置为使用任何类型的标记。您可能希望阅读jQuery选择器,了解它们是如何工作的,以便更好地了解可用的选项以及每个插件的代码在做什么。
echo '<img src="';
echo $f->getRelativePath();
echo '" longdesc="';
echo $f->getRelativePath();
echo '" rel="gallery1"';
echo 'alt="';
echo $imgInfo['description'];
echo '"/>';