小编Nel*_*lga的帖子

结合jQuery Isotope和Lazy Load

使用jQuery Isotope开始了一个项目.最初与无限卷轴集成,但认为它有点笨重.

希望用Lazy Load取代Infinite Scroll,并想知道是否有人将这两者结合起来.让他们玩得好的任何提示都会很棒.

谢谢一家工厂

html javascript jquery lazy-loading jquery-isotope

14
推荐指数
1
解决办法
3万
查看次数

Phonegap - 如何使状态栏变黑?

非常简单,我似乎找不到答案.

如何在PhoneGap iPhone应用程序中将iPhone状态栏(接收/击球手等顶部的细条)从默认灰色更改为黑色?

谢谢,格伦

iphone cordova

7
推荐指数
1
解决办法
7744
查看次数

在Javascript中优化函数

我是javascript的新手,但已设法编写一个有效的xml函数:)

我希望有人能给我一个如何优化功能的简要介绍.目前每个州的天气都有不同的功能,但我希望我能以某种方式简化这一过程.

代码粘贴在这里:http://pastie.org/private/ffuvwgbeenhyo07vqkkcsw

任何帮助是极大的赞赏.谢谢!

编辑:添加两个XML Feed的代码示例:

功能1(UV):http://pastie.org/private/jc9oxkexypn0cw5yaskiq

功能2(天气):http://pastie.org/private/pnckz4k4yabgvtdbsjvvrq

javascript xml optimization

5
推荐指数
2
解决办法
142
查看次数

具有滑动功能的响应式照片墙库

我正在寻找符合以下条件的javascript/jquery图库,并且很想知道是否有任何现有的图库模块具有以下所有/大部分功能:

1.具有缩放(单视图)功能的照片墙.例如.http://tympanus.net/Tutorials/SlidingPanelPhotowallGallery/

2.响应,以便照片墙图像适合桌面和移动设备,并在用户调整浏览器大小时重新洗牌.例如.http://isotope.metafizzy.co/

3.(可选但可取).如果用户在移动设备上,请允许他们滑动单视图图像.

简而言之. 用户将转到缩略图墙,选择图像,然后可以刷过更大的放大照片,或切换回墙.

照片将来自服务器上的文件夹. 主持人只是相机女孩,他们会通过ftp将数码相机中的图像上传到此文件夹 - 他们不会调整大小/优化图像,所以如果在某个过程中也可能发生这种情况会很棒.

我们正在托管PHP/Linux环境.

javascript php jquery photo gallery

5
推荐指数
1
解决办法
8160
查看次数

Safari兼容SVG元素上的CSS3动画

我有一个奇怪的错误,我似乎无法弄清楚:

我想组合两个CSS动画属性(不透明度和变换:翻译),我的目标是内联SVG元素.

该组合在Chrome中非常完美,在Firefox中非常烦人,并且在Safari中不起作用.

Safari似乎只能做一个或另一个,而不是同时做两个.当我在Mac上时,不知道现在IE中发生了什么.

参见示例:http://jsfiddle.net/712xwmss/

如果有人能帮助它在所有4个浏览器中顺利运行,我们将不胜感激.

SVG:

<svg width="28" height="65" viewBox="0 0 28 65" xmlns="http://www.w3.org/2000/svg" class="center-block svgscroll">
<title>Example</title>
<g fill="none" fill-rule="evenodd">
    <path d="M5 44.7l7 6.953 7-6.953" class="svgarrow sa1" stroke="red" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
    <path d="M3 50.66l9 8.94 9-8.94" class="svgarrow sa2" stroke="blue" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</g>
Run Code Online (Sandbox Code Playgroud)

CSS:

    .svgarrow {
  -moz-animation: drop 1s infinite;
  -webkit-animation: drop 1s infinite;
  animation: drop 1s infinite;
}
.svgarrow.sa1 {
  -moz-animation-delay: 0.2s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.svgarrow.sa2 {
  -moz-animation-delay: 0.1s;
  -webkit-animation-delay: 0.1s; …
Run Code Online (Sandbox Code Playgroud)

css svg css3 css-animations

5
推荐指数
1
解决办法
622
查看次数