Tag: gallery

fancybox ajax图片库

我正在尝试通过ajax加载fancybox图库。 这是我第一次使用fancybox,我的jquery知识有限。 这是我到目前为止所做的。 画廊链接; galleryAj.php回显了如下图像链接列表; 这是javascript $(document).ready(function() { $(“.fancybox”) .attr(‘rel’, ‘gallery1’) .fancybox({ type: ‘ajax’, padding : 0 }); }); 当我单击图库链接时,所有图像都显示在彼此相邻的单个窗口中,而不是幻灯片放映。 我已经搜索谷歌和堆栈溢出的答案没有成功。 希望有人能提供帮助。 提前致谢。

图片库 – Pinterest喜欢用CSS布局?

我正在开发一个动态的PHP库。 缩略图将具有相同的宽度但不同的高度。 它们将从左到右放置。 所以,我不想使用五列模式。 我想这不可能只用CSS做,所以也许你知道任何jquery脚本可以完成这项工作吗? 我想这种画廊模式很常见…… http://sofzh.miximages.com/javascript/Xwdx0.png

如何在最后或第一张图片停止javascript php gallery?

我有一个简单的jquery和javascript图库,它使用php收集图像并将它们放在li标签中。 画廊工作(几乎)并将左右穿过图像,但我不能让它们在最后停止向右走,而在第一个画面上,他们只是不停地滚动。 我的.js代码如下所示: var currentImage = 1; var numImages = 0; $(document).ready( function(){ $(‘.rightbtn’).click(function(){ moveLeft(); }); $(‘.leftbtn’).click(function(){ moveRight(); }); $(‘.gallery-li’).each(function(){ numImages++; }); }); function moveLeft() { if ( currentImage numImages ) { $(‘.rightbtn’).css(‘display’ , ‘none’); } } function moveRight() { if ( currentImage = 1 ) { $(‘.gallery-ul’).animate( { ‘marginLeft’ : ‘+=600px’ } , 500, […]

JavaScript – 预加载图像

我正在制作一个照片库,我希望能够在加载主图像之前显示一个gif预加载器,然后显示主图像。 所以,这就是我得到的: 我有一个#photo_place ,它是保存主要照片的div。 这取决于用户选择的缩略图。 当用户选择缩略图时,会触发此function: function gallery(icon){ $(‘#photo_place’).css(‘background-image’,’url(“../images/’+icon+’.png”)’); } 现在,我想要的是,首先,在#photo_place显示预加载器gif,加载所选图像……某处,加载该图像时,用主图像替换预加载器。 也许这样的事情呢? function gallery(icon){ $(‘#photo_place’).css(‘background-image’,’url(“../images/preloader.gif”)’); load.in.image’images/’+icon+’.png’; if(load.in.image == true){ $(‘#photo_place’).css(‘background-image’,’url(“loaded image”)’); } } 当然,这不是真正的JS,但这样的东西应该正常吗? 有任何想法吗? 谢谢

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

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

制作一个Jquery shuffle Gallery

我正在尝试做一个随机播放幻灯片,就像这个网站一样 。 这是一个带有随机播放和淡入淡出的画廊,但我只有这个代码: 你能帮我吗? 我已经处理了shuffles代码,但是他们从一个按钮开始,但我不想要按钮,我想要一个自动画廊,在网站上无限期地重复。

如何仅在图像hover时显示fancybox标题

我正在使用Fancybox插件作为图片库,我只想在用户将鼠标hover在图片上时显示图片标题。 我无法弄清楚要修改的代码部分是为了实现这一点。 我已经尝试通过将a :hover状态添加到以下内容来编辑CSS: .fancybox-title-over-wrap { } 我甚至尝试过使用CSS可见性设置: .fancybox-opened .fancybox-title { } 但是,我没有运气。 我必须在实际的JS文件中更改一些内容吗? 任何帮助将非常感谢!

Fancybox图像库

我想要的是一张图片,点击后打开一个图库。 我正在使用FancyBox,我想要Thumbnail Helper(带图像映射) 它是这样的: http : //jsfiddle.net/ffZ7B/343/当你单击左边的weel时,它会打开图库,但它不会显示缩略图。 我试过这个: http : //jsfiddle.net/ffZ7B/344/ 有谁知道怎么做? 谢谢!

拍摄并显示图像

我想知道如何才能实现这一目标。 我需要从外部链接站点获取所有图像并将其显示在其他站点中。 没有jQuery是可行的吗? 用简单的javascript或flash? 任何人都可以建议一些教程或什么? 如果是javascript,那么它必须是非常简单的代码,因为我想让它在eBay列表中运行。 示例:在列表中将出售XXX手机的持有者,我想在底部放置一个幻灯片或类似的完全相同的项目(来自同一类别)。 我想给它一个function,所以我只需要更改类别的链接,图片会自动更改。 更多钞票? 谢谢, 如果我没有说清楚,请问,我会更详细地解释。

用其他链接调用fancybox gallery

我有很独特的情况。 这是我的场景:4个缩略图链接到图库+ 1个中等图像(指向与第一个缩略图相同的源)。 我想通过点击媒体图像来打开相同的图库,但是当我用“rel”属性链接它们时,我在循环中有第一张图片两次(循环中有5张大图像)。 有没有办法在外部链接中调用指定的fancybox库? 这样我可以触发媒体图像上的点击function,并且在循环中仍然只有4个大图像。 请帮忙,我找不到解决方案。 UPDATE 这是我的HTML 我想在点击“mid”图像时触发“细节”库……