【问题标题】:AnythingSlider - link to a certain image in the slider from a different page任何滑块 - 从不同页面链接到滑块中的某个图像
【发布时间】:2011-10-29 00:12:41
【问题描述】:

我正在为我的画廊使用 AnythingSlider jQuery 插件。我尝试做的是 - 创建一个链接并将其“链接”到另一个页面滑块上的特定幻灯片。

例如我在gallery.php页面上的链接是:

<a href="photo.php?imageID=12345"></a>

我的滑块本身位于页面 photo.php 上,它的一张幻灯片中确实包含该图像。加载时,我需要先在 photo.php 页面上的滑块中显示该特定图像。

有人知道如何实现吗?

谢谢。

【问题讨论】:

    标签: javascript jquery anythingslider


    【解决方案1】:

    任何滑块都内置了此功能。当您单击其中一个导航选项卡时,它会使用当前幻灯片和幻灯片更新 URL 哈希。

    这是一个到 AnythingSlider 演示页面的链接,请注意,当您单击选项卡以更改 URL 哈希更改的幻灯片时:http://css-tricks.com/examples/AnythingSlider/

    要链接到页面上第一张幻灯片的第四张幻灯片,您可以将其添加到 URL:

    #panel1-4
    

    此选项默认开启,hashTags 选项设置为 true

    【讨论】:

    • 谢谢。但是我的第一页如何知道该图像在另一页的滑块中是哪个数字?我无法硬编码值,我从 DB 动态获取图库中的图像。
    • 如果您正在动态构建幻灯片,只需在数据库中查询查询字符串参数中引用的图像,然后首先将其添加到幻灯片中。然后,当您在数据库中查询其余幻灯片时,告诉它忽略您已经添加到幻灯片中的那张。否则,在构建到幻灯片的链接时,我会进行与填充幻灯片的数据库查询相同的数据库查询,并查看请求的图像所在的索引。
    • newest version中你可以只使用元素的id:#quote2
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2012-10-24
    • 2022-01-09
    • 1970-01-01
    • 2012-08-30
    • 1970-01-01
    • 2013-06-09
    • 1970-01-01
    相关资源
    最近更新 更多