Tag: 缩略图

修改WordPress循环以输出包含在图像标记中的缩略图的post中的所有图像?

这个问题需要一些php,一些jquery和一些通用的编程逻辑。 在此前的问题慷慨帮助下,我构建了一个脚本,用于扫描WordPresspost中的图像附件,如果发现任何内容,则将这些脚本移动到列表中新创建的 列表中的项目。 这样做的原因是使图像可用于我正在硬编码到主题中的滑块(RoyalSlider)(出于几个原因我不想使用WP插件版本)。 你可以看到我在这里工作的网站。 相同的脚本正在提供站点的几个部分 – 顶部两个部分中的滑块和上一部分中的客户端徽标。 我现在需要将缩略图导航添加到第二部分的滑块。 正如您所看到的,如果您检查代码,我已经修改了WP循环(在此部分的页面模板中),以便它返回附加到post的任何图像的缩略图(以及显然图像本身)。 这是我用来执行此操作的代码: ID ); foreach( $images as $imageID => $imagePost ) echo wp_get_attachment_image($imageID, ‘thumbnail’, false); ?> 问题是,这当前正在与我的jQuery脚本交互,以便这些缩略图移动到列表项并作为图像包含在滑块中! 相反,目标是将每个缩略图包含在其各自图像的标记内,如下所示: 所以这是问题的逻辑部分:让这些缩略图像缩略图而不是图像一样的最佳方法是什么? 我怀疑我需要以某种方式在WP页面模板循环中对它们进行标记,然后才能回复post,以便其他脚本不会接收它们? 即可能将它们作为一系列变量传递,然后使用我的脚本检查这些变量,如果找到它们,则按顺序将它们分配给图像,从头到尾? 这可能吗? 还是有更好的方法来解决这个问题? 我可以直接从WP循环输出所需代码片段中的图像和缩略图吗? 我几乎不了解如何编写超出基本包含的PHP,所以无法真正尝试这一点。 对此的任何帮助都非常感激 – 我理解这个问题是一个很高的要求,因为它需要在几个方面的专业知识,并且非常具体,但我认为它可以帮助处于类似情况的其他人,我当然会从知道如何学到很多东西接近/完成这个!

将拇指指向fancybox的url(图片)

这是在“直接链接到任何fancybox”之后,但地址栏中有URL 。 现在我设法为我的fancybox图库的每个图像分配一个唯一的URL,我想知道如果通过共享例如图像#1url,它会产生正确的拇指,例如,在Facebook上。 我正在使用最新的fancybox和jquery版本。 这是Javascript: var thisHash = window.location.hash; $(document).ready(function() { $(‘.thumbs’).fancybox({ prevEffect : ‘fade’, nextEffect : ‘fade’, closeBtn : true, arrows : true, nextClick : true, padding : 15, helpers : { title : { type : ‘inside’ }, thumbs : { width : 80, height : 80 } }, beforeShow: function () { […]

如何使用fancybox按钮助手+ fancybox缩略图助手?

我需要同时使用它们(fancybox按钮帮助器和缩略图帮助器) 我一次只能使用其中一个。 以下是每个function的示例: http : //fancyapps.com/fancybox/#examples 已经尝试过使用这两个类: <a class="fancybox-buttons fancybox-thumbs" 但它不起作用……一次只有一个,如: <a class="fancybox-buttons" 要么 <a class="fancybox-thumbs" 。 这些是每个的javascripts: /* Button helper. Disable animations, hide close button, change title type and content */ $(‘.fancybox-buttons’).fancybox({ openEffect : ‘none’, closeEffect : ‘none’, prevEffect : ‘none’, nextEffect : ‘none’, closeBtn : false, helpers : { title : { type […]

jQuery:捕获图像加载事件错误404,可以这样做吗?

我基本上循环了一堆youtubevideourl来获取每个video的id代码。 然后我重复列表中的所有“缩略图”图像,并用youtubevideo缩略图url替换源代码。 我目前遇到的问题是,如果video已从youtube中删除,则生成的图像源将不会返回正常运行的图像URL,但是替换仍然会触发,因此将损坏的图像URL放入列表中。 在使用缩略图源替换初始图像源之前,如何让jQuery检测url是否仍然有效? 这是我的代码循环遍历页面上的youtube剪辑并过滤其ID: function generateYoutubeThumbnails() { var YTT = {}; YTT.videos = $(‘.video-thumbnail’); // the placeholder thumbnail image YTT.videos.each(function(i) { YTT.url = $(this).attr(‘data-videourl’); // the youtube full url, eg: http://www.youtube.com/watch?v=F52dx9Z0L5k YTT.videoId = YTT.url.replace(/(.+?)watch\?v=/gi,”).replace(/\&(.+)$/gi,”); // find and replace to get just the id: eg: F52dx9Z0L5k YTT.snip = ‘http://img.youtube.com/vi/’+ YTT.videoId +’/hqdefault.jpg’; // the thumbnail url […]

在链接中生成网页的缩略图图像

我想使用页面链接生成网页的预览缩略图。 我怎样才能做到这一点? 我对C#.NET,Javascript / JQuery很满意。 关心NLV

使用jQuery一次性获取YouTube或Vimeo缩略图

我试图将YouTube缩略图和Vimeo缩略图放在同一个脚本中,但对我来说这并不容易,因为我是jQuery的新手。 我想问一下是否有人可以看看这个在任何浏览器中运行良好的jQuery脚本: http : //jquery-howto.blogspot.com/2009/02/how-to-get-youtube-video-screenshot.html 我也看到了这个问题: 从Vimeo获取img缩略图? ,但是没有关于如何使用jQuery做到这一点。 我认为对于那些已经了解jQuery编码的人来说应该是非常容易的,并且它将成为谁将制作使用两个video的Tumblr主题的权威解决方案。

什么是最好的jQuery“点击缩略图并更改主图像”模块?

这就是我所拥有的(所有动态生成,如果这有所不同): 图像列表 每张图片的标题 每个图像的缩略图 该页面应加载一个完整大小的图像和所有缩略图。 当用户单击缩略图时,全尺寸图像会显示带有标题的新图像。 如果他们单击另一个缩略图,图片(和标题)将再次更改。 这不是很复杂。 几个月前我在一起解决了一个解决方案,但是我需要再次这样做,我正在看这个糟糕的代码,并认为必须有一个更好的方法(并且知道jQuery,其他人已经完成了它,并完成了好吧)。 思考? 链接? 谢谢!

以正确的9:16格式显示Youtubevideo和缩略图

我可以使用此处描述的链接轻松获取Youtube图像缩略图: 如何从YouTube API获取YouTubevideo缩略图? 但所有这些缩略图都采用3:4格式(或接近的格式),即使video本身采用其他格式。 然后在图片的顶部和底部可以看到一些黑色水平条。 我需要9:16格式的图像(这是我的video格式),没有黑条。 这有可能撤退吗? 更新 即使Youtube页面上的video中没有黑条,Youtubevideo本身也会在顶部和底部显示黑条。 有什么方法可以简单地以正确的格式显示缩略图和video吗? 更新 我发现了这个: 在youtube缩略图上删除黑色边框4:3 提问者想要移除黑色顶部和底部条。 这里最好的答案是调整高度并通过手动校正“隐藏”黑条。 下面的一些评论也表明了这一点。 这是否意味着无法避免?

流行图像像谷歌图像

是否有任何jQuery插件或CSS技术来实现像谷歌图像这样的流行效果? 谢谢

使用jquery生成网站的屏幕截图

我想使用严格的javascript生成任何给定url的屏幕截图缩略图。 如果不能做到这一点,任何人都可以指出我正确的方向用我自己的api做到这一点? 编辑我只是决定欺骗和使用框架,因为它是为了我的乐趣无论如何,但感谢所有伟大的答案khtmltox可能是最好的选择,如果你想做这样的事情…他们也有PHP绑定以及。