支持多张专辑和评论的照片画廊?

时间:2012-06-07 23:27:49

标签: javascript jquery image-gallery

我正在寻找支持多张专辑和评论的照片库(可能是jquery / JavaScript?)。只需要显示注释并有一个框来输入注释,我可以轻松地将它们存储在db中。

任何类似于facebook的东西都会很棒,因为每个人都使用它,这对他们来说很直观。

编辑:这将是使用asp.net mssql server 2008 r2的web应用程序但我可以使用任何平台,只要我可以与mssql db进行通信

3 个答案:

答案 0 :(得分:2)

我知道这有点晚了 - 但我认为这可能就是你要找的东西:

http://www.jqueryrain.com/?t2bpYeU2

编辑 -

为了保持这个问题的最新状态 - 最近刚出现并且可能比原始插件更好:http://codecanyon.net/item/jquery-facebook-gallery/full_screen_preview/3879813?ref=jqueryrain

编辑[编辑] 2013年7月] - Albumize最近问世了。任何人阅读的另一种选择。 http://palerdot.github.io/albumize/

答案 1 :(得分:0)

在撰写本文时minishowcaseqGallery似乎是更受欢迎的多专辑jquery / javascript库。我相信他们都有一些PHP在内部运行。

如果你出于任何原因厌恶php,并希望直接javascript,css和html尝试检出JonDesign's Smooth Gallery。它也是开源的并且允许多个专辑(尽管不像前两个那样美观,并且没有本机注释插件,它是非常简单的代码,并且可以轻松地与jquery注释插件集成,例如{{ 3}})。

修改:同时查看Easy Comment。他们显然支持多张专辑,但我从未使用它,因为它对jQuery许可证来说很贵。

答案 2 :(得分:0)

我知道这是一篇较旧的帖子,但我想为这篇文章的后续访问者添加一个纯粹的JavaScript解决方案。 gambarize plugin仅使用客户端javascript运行,不需要使用任何后端语言。 (因此无法支持评论)

基本上可以创建 div结构,如下所示:

 <a href="data/album_simple/wave.jpg" data-img-thumb="data/album_simple/_meta/thumb_wave.png" title="Wave, Bali" class="gmbz"></a>
 <a href="data/album_simple/mountains.jpg" data-img-thumb="data/album_simple/_meta/thumb_mountains.png" title="Mountains, Shadow" class="gmbz"></a>

 <div class="gmbz" data-title="Album1">
    <div class="gmbz" data-title="Nested">
        <div class="gmbz" data-title="Inner">
                <a href="data/album_simple/wave.jpg" data-img-thumb="data/album_simple/_meta/thumb_wave.png" title="Wave, Bali" class="gmbz"></a>
        </div>
    </div>

    <div class="gmbz" data-title="Empty" data-cover="data/Black-287.png"></div>

    <a href="data/album_simple/field.jpg" data-img-thumb="data/album_simple/_meta/thumb_field.png" title="" class="gmbz"></a>
    <a href="data/album_simple/sea.jpg" data-img-thumb="data/album_simple/_meta/thumb_sea.png" title="Sea, Bali" class="gmbz"></a>
</div>

最终会:

gambarize_javascript_album_image_gallery_plugin

<强>解释

  • 每个&#34; div&#34;代表一张专辑(包括嵌套专辑支持)。
  • 每一个&#34; a&#34;代表一个图片链接,它将是图像本身:属性&#34; href&#34;是单击图库中的缩略图时将显示的图像。而缩略图可以通过&#34; data-img-thumb&#34;来指定。标签
  • 访问描述的示例:generate image gallery with albums using javascript

Link to the plugin home page