问题标签 [gallery]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
426 浏览

django - 如何强制画廊中的图片顺序

我正在构建一个具有图像库的 django 应用程序,并且客户坚持以特定顺序显示图像。我使用管理界面上传图像并编辑它们的属性,并且我的ImageFile模型中有一个基本上如下所示的类:

我正在使用IntegerField“订单”来控制排序的运行编号。我认为必须有一种更智能/更好的方法来做到这一点(另一个模型?),并且还能够通过管理界面轻松控制它。

0 投票
1 回答
70 浏览

jquery - 任何 jquery 画廊插件适合这个?

我正在使用缩略图,当用户点击时,显示较大的。

我检查了一些插件,但它们不使用缩略图,比如说,无论它看起来更小还是更大,它都是相同的图像。

0 投票
1 回答
1311 浏览

javascript - 全宽图像轮播,可以将所选图像居中并在图库中部分显示其他图像

我一直在寻找一个可以做到这一点的插件,我能找到的最接近的是 CarouselLite 但它并没有真正做到我想要的。我能找到的大多数其他库不喜欢 100% 宽度或隐藏非活动图像,或者不将活动图像居中滚动到画廊 div 的最左侧。我不太擅长 javascipt,也许有人可以将我指向一个对我有用的库。

我正在尝试设置一个全宽图像库以显示相当大的图像,选择(通过鼠标单击)图像在页面上居中,而其他图像也部分显示(只要屏幕宽度允许)。再次单击同一图像将使下一张在屏幕上居中(幻灯片效果会很可爱),单击其他图像应居中已单击的图像。

这听起来很简单,我期待找到能快速做到这一点的东西。花了两天没有运气。我希望有人遇到过可以做到这一点的图书馆。

这是一张小图片,展示了我正在寻找的内容(想象一下,它是 100% 宽度):

0 投票
1 回答
55 浏览

php - 关于gallery2中的数组的问题

我正在对开源项目“gallery2”中的主题进行修改。

这是我正在查看的代码:

对于熟悉它的任何人,它位于下载模块部分的搜索模块中的 SearchShowAll.tpl 文件中。

这是一个聪明的 foreach 循环,它会抓取这些数据
标题:BB 08 PR 6-340
摘要:
关键字:乡巴佬猫;加文乔丹;Margo Hazell
描述:
所有者:画廊管理员

但是,我只希望它获得 Title: 并显示它,而不是其他任何东西。我不确定数组是什么样子,以及如何以 smarty 格式从中获取特定值,也不确定这个画廊的情况。

0 投票
1 回答
268 浏览

jquery - jQuery图片加载

我需要一些关于 jQuery 的帮助。我想做的是创建某种小型的、非常非常简单的图片库。

我想在我的页面左侧放几张小图片。通过单击其中一张小图片,我想将此图片加载到另一个 div 中,并以全尺寸显示。

我所有的 jQuery 尝试都失败了,因为我无法在这个 bigpic div 中更改图像的来源。

0 投票
3 回答
586 浏览

jquery - jQuery图片加载

我需要一些关于 jQuery 的帮助。我想做的是创建某种小型图片库。在这个画廊里,我有几张小照片和一张大照片。通过单击小图片,我希望 jQuery 加载并替换大图片。

这是一个不起作用的小尝试!但可能有人可以告诉我为什么。

和html

所以在最好的情况下,脚本会用灰色半透明层覆盖大图片,启动微调器并在加载后淡入图片。(微调器在“加载”类的背景中)

谢谢你的帮助。

0 投票
3 回答
6018 浏览

php - 动态图片库

大家好,我的第一篇文章:D

问题:

我正在尝试制作模板库,而不是幻灯片,我可以轻松地在多个站点上重复使用它。
主要用于快速作品集网站,所有者不知道如何更新代码以添加图片。

它需要从选定目录中读取所有图像文件。(jpg, gif, png, bmp) 它需要能够在不更改任何代码的情况下更新内容。(从文件夹动态加载)它需要将img标签写入查看的页面。(使用 JavaScript 进行自定义/css?)

从 php/JavaScript 输出的一组 img 标签需要是缩略图,单击时将链接到完整的 def 图片,这可能在最初制作链接时使用 JavaScript 处理。

进步:

我找到了一个 php 脚本,该脚本将从文件夹中读取文件并将 URL 保存到数组中以便在 JavaScript 中使用。但是,用于显示图片的代码是作为单个块幻灯片放映完成的,因为我需要它单独发布所有图像,而不仅仅是替换同一图像的 src。

例子:

root/index.htm - pastebin[.]com/m52568ed5
root/images/getimages.php - pastebin[.]com/f5395a572
root/images/pic01.png
root/images/pic03.jpg
root/images/asdfs.gif

那么如何让 JavaScript 循环遍历 galleryarray[curimg] 并写出我的链接?

我走了这么远,卡住了。

在此先感谢,布雷登。


编辑:这是我的沙箱来显示发生了什么

-编辑:删除链接

无论我如何更改每个项目的输出,例如,如果我用一个简单的 echo 替换整个部分,我得到的只是以下内容:

似乎它在尝试运行“foreach()”时卡住了

这是当前的php:

考虑到在我开始之前我从未做过 php,我认为我做得很好。

0 投票
3 回答
10832 浏览

android - Android 图库(查看)视频(还有缩略图问题)

目前我们有一个画廊视图,我们需要向其中添加图像/视频的缩略图。如果我们已经拥有图像/视频的 content:// URI,我们如何获得已经生成的缩略图(本地图库应用程序显示的缩略图)?

(我们使用的是 Android 1.6,Video.Thumbnails 不存在)

0 投票
4 回答
388 浏览

javascript - 有没有办法仅使用 Javascript 返回文件夹中所有图像文件名的列表?

我有一个保管箱帐户。我将一堆图像放在公共文件夹中。我想使用 shadowbox 显示图像。

现在,我手动将文件名输入到这个html文件中。当我将新图像拖到图像文件夹中时,有没有办法动态更新画廊?

如果可能的话,我更喜欢javascript。如果 javascript 无法使用,还有其他建议使用 shadowbox 自动显示存储在 Dropbox 上的图像库吗?

我知道保管箱有自己的画廊功能,但我想使用我自己的没有品牌的。谢谢你的帮助!

0 投票
1 回答
1338 浏览

javascript - Galleria 图片库淡入淡出和默认图片的问题

将 Galleria 与 frogCMS 一起使用,但目前无法创建淡入淡出效果并在加载时显示默认图像(当前仅在单击拇指时显示图像)

$('ul.gallery').galleria(

onImage(image) { image.css('display','none').fadeIn(); } // 不工作。

);

// 也不工作

$('ul.gallery').galleria({

history : true, // 为书签、后退按钮等激活历史对象 clickNext : true, // 使图像可点击 insert : '#main_image', // 主图像的包含选择器 onImage : function( image,caption,thumb) { // 让我们添加一些图像效果用于演示目的

// 淡入图像和标题

if(! ($.browser.mozilla && navigator.appVersion.indexOf("Win")!=-1) ) { // FF/Win 淡化大图像非常慢 image.css('display','none').淡入(1000);} }); });

任何暗示帮助都会很棒!