问题标签 [image-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 投票
2 回答
198 浏览

javascript - Lite-Javascript Gallery - 我可以绝对定位 img 与
  • 年代?
  • 我有一个 lite-javascript 运行图像库。javascript 抓取<img>列表中的每个元素并将其作为背景放置在父<li>元素中。然后 CSS 将缩略图设置为具有定义的高度/宽度的小块。每个<li>对象的单击事件会切换其子<img>元素的可见性,并将“活动”类名称添加到<li>. 使用 CSS,我试图放置<img>绝对以使其出现在每个拇指的相同位置,但它相对于拇指移动。

    这是CSS:

    和网站:http ://www.erisdesigns.net

    提前感谢您的帮助!

    0 投票
    1 回答
    871 浏览

    jcarousel - jCarousel 在选项卡式菜单中无法正常工作

    我正在骑三个不同的 jCarousel ul,一个在 Yetii 的选项卡式菜单 designeb 的每个目标中。问题在于,第一个目标中的一个效果很好,而其余两个只显示了第一张图片的一部分,并很快滑到了后面的框架上。

    jCarousel 由一个类初始化,因为所有目标所需的行为都是相同的:

    jQuery(文档).ready(函数() {

    ul 有不同的 id。还尝试通过单独的 id 初始化脚本,但没有任何改变。

    有什么建议吗?在此先感谢 - 毛里齐奥

    0 投票
    2 回答
    1490 浏览

    javascript - 防止 Galleriffic jquery 插件两次重新加载相同的图像

    是否可以阻止 Gallerific 插件重新加载已经显示的相同图像?

    例如,如果用户两次单击同一缩略图,则图库图像会重新加载。Galleriffic 是否可以确定用户两次请求相同的图像,因此在请求新图像之前不应重新加载?

    0 投票
    1 回答
    408 浏览

    jquery - 有很多图片(大约 100 张)的画廊……有可能吗?

    据我所知,galleriffic 在页面上嵌入图像,尽管它使用分页,但它仍然需要加载所有图像。

    当我将它与 PHP 的 require_once 一起使用时,这会成为问题。当我尝试加载大量图像时,php 内存阈值将使gallerific 无法加载。

    知道如何解决这个问题吗?或者任何动态加载图像的 JSON/XML 版本的 Galleriffic ?

    谢谢

    0 投票
    2 回答
    216 浏览

    jquery - 帮助提高我的 JQuery Fading Gallery 的效率

    在这个网站的主页 - http://bit.ly/a3IoV5 - 我有一个大图像褪色的 JQuery 画廊。

    这是JQuery:

    的CSS:

    和 HTML

    我希望有某种图像加载技巧可以帮助提高页面本身的加载速度。任何帮助,将不胜感激。

    0 投票
    1 回答
    327 浏览

    jquery - IE 中的 jQuery 悬停 w 粘滞点击/选择问题

    我为我的 web 产品组合制作了一个“带有粘性点击的悬停”jquery 脚本,该脚本适用于 Chrome、Opera、Firefox 和 Safari——但我仍然遇到 IE 的一些问题。

    我有 8 个缩略图在悬停时在 0.3 到 1 不透明度之间消失。单击时,它使用缩略图的索引来显示相应的全尺寸图像。它还与一组数字 1-8 相关联,这些数字在悬停时也会从 0.3 渐变到 1 不透明度。

    最不清晰的部分是应用悬停的选择。这按类别应用于缩略图/数字,并使用可见图像的索引来过滤掉“点击”的缩略图/数字,以便无论悬停如何,它都保持完全不透明度。

    对于 IE,这种“粘滞点击”不起作用,所有元素都恢复为悬停行为。我哪里错了?(我不需要它恢复到 IE6 或其他任何东西,但我希望至少让当前的 IE 正常工作。)

    相关的 HTML 很简单:


    有一个容器: DIV class="contain" 里面有一个 DIV class="gallery" ,主要的图片都在里面,每个 IMG class="gall" /DIV -- GALLERY --

    有一个 DIV 类 =“thumbcontainer2”,其中包含数字 1-8,每个在一个单独的 DIV 类 =“thumb2”

    有一个 DIV 类 =“thumbcontainer”,其中包含 IMG 类 =“thumb”中的每个缩略图 1-8

    /DIV -- 包含 --


    抱歉,如果我的 jquery 代码有点混乱,这是我的第一个 jQuery/javascript。我很高兴它现在在所有其他提到的浏览器中都能很好地工作。谁能看到我在哪里打破了 Internet Explorer?

    提前感谢您的帮助。-担

    0 投票
    1 回答
    8618 浏览

    android - Android:图库中的延迟加载

    我已经查看了一些关于延迟加载的帖子,但我相信我的问题有点不同。

    我有一个画廊(我的课程扩展了画廊),它显示了 20 张相当大的图像(每张 400-500K)。由于出现 OutOfMemory 异常,我无法将它们全部加载到库中。
    因此,我创建了一个包含 20 个 Drawable 的数组,并最初填充了前 9 个元素(图像来自 Web),并将其余所有元素设置为 null。我的意图是这样的:向右一晃,获取元素号。10 并设置为空元素编号。0. 在另一次向右获取元素编号。11 并设置为空元素编号。1 为空。左转也是同样的逻辑。

    问题是我可以比获取元素快得多。我的画廊有一个 BaseAdapter,它的 getView() 看起来像这样:

    我如何告诉 getView() - 如果 imageArray[position] 仍然为空,则显示“正在加载...”对话框,一旦设置好,就在相同的位置重复自己?
    我不想看到 imageView 为空,然后即时设置。我希望在设置之前根本看不到 imageView。

    谢谢。

    0 投票
    1 回答
    2310 浏览

    android - Android:在下载实际图像时在画廊的 ImageView 中显示默认图像

    我相信这是非常微不足道的,但我无法让它发挥作用。
    我想在画廊元素(ImageViews)中显示默认图像,同时从网上获取它们的实际图像。
    现在,没有显示任何图像尚未到达的 ImageView。一旦它到达它立即显示。
    我尝试的是在 ImageView 实例化之后调用它的 setImageResource 函数,如下所示:

    最终 ImageView i = new ImageView(mContext);
    i.setImageResource(R.drawable.loading);

    但这似乎不起作用。下面是完整的 getView() 函数。
    任何帮助表示赞赏。
    谢谢。

    0 投票
    1 回答
    3456 浏览

    php - 带有文件上传的简单 PHP 图片库

    我正在寻找一个非常简单的 PHP 图片库系统,它允许文件上传并提供与任何现有 PHP 脚本的轻松集成。我只找到了带有数据库后端和模板系统以进行集成的完整画廊,而那些过于简单的画廊只需要一个包含(FTP 上传)图像的文件夹并显示它,但不提供文件上传的可能性。

    我已经很接近自己写了,因为我还没有找到任何东西,但我首先想问你是否有任何建议。

    0 投票
    2 回答
    1028 浏览

    jquery - 有没有动态生成图像缩略图的 jQuery 插件?

    有谁知道可以制作托管在另一个站点(Flickr/Picasa/SmugMug/等)的图像缩略图的 jquery 插件?我试图使用Galleria,但不太喜欢它。它具有动态制作缩略图的能力,所以我知道这是可能的。

    我想做的是为我的画廊使用Colorbox幻灯片,但如果我不需要,我宁愿不必制作所有图像的缩略图。我认为这是通常的做法,不是吗?我以前从未真正在网站上建立过画廊,但我认为制作缩略图通常是我所知道的过程的一部分。

    我想我可以对 Galleria 进行逆向工程,但我不是 javascript/jQuery 专家。我大概是个中级吧。我希望其他人已经为我完成了...