【问题标题】:My black and white --> color effect broke, and I don't know why我的黑白 --> 颜色效果坏了,不知道为什么
【发布时间】:2011-12-06 08:56:21
【问题描述】:

所以昨晚我终于让我的黑白东西工作了,但是我在代码中做错了,现在我不知道我做错了什么。我已经找了一个小时了。如果有人可以提供帮助,那就太好了。我想要达到的效果是图像变成灰度,当你将鼠标悬停在它们上面时,它们会变成全彩色。这个效果曾经工作和停止工作的网站是http://jamestestblog3.tumblr.com/。感谢任何可以提供帮助的人。

包含灰度脚本的部分代码:

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script src="http://www.pryde-design.co.uk/projects/jQGreyScale/greyScale.js"></script>

    <script>
      $(function() {
        $('.greyScale').hide().fadeIn(1000); // fade in the grayscaled images to avoid visual jump
      });
      $(window).load(function () { // user window.load to ensure images have been loaded
        $('.greyScale').greyScale({
          fadeTime: 500 // call the plugin with non-defult fadeTime (default: 400ms)
        });
      });

</script>

<img src="{PhotoURL-250}" class="greyScale" /></a>

【问题讨论】:

  • 请在问题本身中包含代码的相关部分。我对挖掘您页面的整个 HTML 源代码没有兴趣。
  • 我已编辑,请立即查看。我不确定问题本身是否真的存在于代码的那些部分,这可能是另一个错误,如果您可以通过源代码进行查找,这将意味着很多。
  • 脚本当前崩溃,因为optionsinfinitescroll 插件中的某处未定义(使用Firebug 及其控制台查看)。你还记得当它停止工作时你改变了什么吗?
  • @Martin 很遗憾,我一无所知。 :(

标签: jquery css tumblr grayscale


【解决方案1】:

您的服务似乎已超出配额?

查看您网站的控制台,我可以看到此错误

加载资源失败:服务器响应状态为 503(服务不可用)

如果您点击链接,则表示您已超过配额:

超出配额

此 Google App Engine 应用程序暂时停止服务 配额。请稍后再试。

这里是the link from your page I followed

【讨论】:

  • 我不知道这意味着什么。我今年 13 岁,所以我只是在学习 Javascript。
  • @JamesCharlessDickinson 好吧,我比 13 岁大得多,我也不知道这意味着什么。 :P 如果网络工作者或真正了解超文本传输​​协议的人能够对此有所了解,那就太好了,但据我所知,您正在使用服务来渲染黑白图像。该服务“超出配额”,无法提供服务。我建议您自己创建黑白图像并将它们上传到您的服务器。这样您就不必依赖该谷歌应用程序及其容量。 :P
  • 网站是博客,其实是图片博客。它不是用 div 创建的,它是像帖子一样创建的。它就像 wordpress,除了 tumblr 更容易使用。我可以控制我发布的内容和主题,但我没有时间为我转发的每张图片创建黑白版本。 (我每天转发大约 100 个所以..)
  • 我能想到的唯一其他事情就是使用库来转换您的图像。也许像 PHP GD 之类的东西? php.net/manual/en/book.image.php
  • @Joesph - 我根本不会使用 PHP,而且我认为 Tumblr 不接受 PHP。 :( Jquery 脚本昨晚运行良好,这是一个工作示例(教程演示):pryde-design.co.uk/projects/jQGreyScale/example.html
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2023-04-06
  • 1970-01-01
  • 2019-06-15
  • 1970-01-01
  • 1970-01-01
  • 2019-03-13
  • 1970-01-01
相关资源
最近更新 更多