使用href触发现有的fancybox

时间:2011-10-15 14:26:55

标签: jquery html fancybox

所以我真的陷入了困境。 在我的情况下,我有一个图片库。

在主图像上是一个用他的孩子照片触发fancybox的href。 这有效,np。

现在我有一个带有href和文本的页脚.. 单击此链接时,必须使用子图片从主图像打开Fancybox。

是的,这可以通过一个简单的href实现..是的,你会在你的画廊中得到一个重复的图片。我不需要冗余。

帮助我,我将保证在与Apple的战争中提供帮助。

代码段:

echo '<ul style="padding:0;">';
       $query = "  SELECT 
            * 
           FROM 
            fotos AS f
           WHERE f.id = '29'
           ";

       #echo $query;
       $result = mysql_query($query) or die(mysql_error());
       $count = 0;   
       while($row = mysql_fetch_array($result))
       { $count++;
        echo '<div style="float:left;margin-top:5px;"><a style="text-decoration:none;color:black;" rel="gal_'.$row['id'].'"  href="'.$row['fotos'].'"
        title="<b>Navigeren met de pijltoetsen door het album</b>">
        <img src="'.$row{"fotos"}.'" border="0" />   

        </a>';
        if($count == 1)
        </div></div>';

        $result2 = mysql_query("SELECT * FROM fotos WHERE type ='".$row['id']."'") or die(mysql_error());   
        while ($row2 = mysql_fetch_array($result2))
        {
         echo '<a rel="gal_'.$row2{"type"}.'" href="'.str_replace('....', '..', $row2{"fotos"}).'" title="'.$row2{"omschrijving"}.'" style="display:none"></a>';
        }
       }

 echo '</ul>';

所以这是我的画廊。

现在我得到了一个href ..下面的链接从这里我想触发上面的fancybox。

echo '<div id="foto_footer"> <a style="color:white;text-decoration:none;" title="<b>Navigeren met de pijltoetsen door het album</b>" id="openalbum" >Bekijk de diashow</a>

1 个答案:

答案 0 :(得分:1)

您可以触发点击其他链接,例如

$("#second_link").click(function() {
    $(#first_link").trigger("click");
});

或者您可以创建多次使用它的项目数组 -

var items = [
    '1.jpg',
    '1.jpg',
    {
        'href'  : '3.jpg',
        'title' : 'Lorem ipsum'
    }
];

var opts = {
    'padding'   : 0,
    'type'      : 'image'
};

$(".open_manually").click(function() {
    $.fancybox(items, opts);
});