Galleria 图片库淡入淡出和默认图片问题

发布于 2024-08-16 14:42:25 字数 630 浏览 5 评论 0原文

将 Galleria 与 frogCMS 结合使用,但目前无法创建淡入淡出效果并在加载时显示默认图像(当前仅在单击拇指时显示图像)

$('ul.gallery').galleria(

onImage(image) { image. css('display','none').fadeIn(); } // 不起作用

);

// 也不起作用

$('ul.gallery').galleria({

History : true, // 激活用于书签、后退按钮等的历史记录对象。 clickNext : true, // 使图像可点击的帮助器 insert : '#main_image', // 主图像的包含选择器 onImage : function(image,caption,thumb) { // 让我们添加一些图像效果用于演示目的

// 淡入图像 & title

if(! ($.browser.mozilla && navigator.appVersion.indexOf("Win")!=-1) ) { // FF/Win 淡入大图像的速度非常慢 image.css('显示','无').fadeIn(1000);} }); });

任何暗示帮助都会很棒!

Using Galleria with frogCMS, but am currentl unable to create fading effects and to display a default image on load (currently only displaying an image on clicking a thumb)

$('ul.gallery').galleria(

onImage(image) { image.css('display','none').fadeIn(); } // not working.

);

// also not working

$('ul.gallery').galleria({

history : true, // activates the history object for bookmarking, back-button etc.
clickNext : true, // helper for making the image clickable
insert : '#main_image', // the containing selector for our main image
onImage : function(image,caption,thumb) { // let's add some image effects for demonstration purposes

// fade in the image & caption

if(! ($.browser.mozilla && navigator.appVersion.indexOf("Win")!=-1) ) { // FF/Win fades large images terribly slow
image.css('display','none').fadeIn(1000);}
});
});

Any implimentation help would be great!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

め可乐爱微笑 2024-08-23 14:42:25

几年前,我为 CMS 开发了一个名为 Indexhibit 的 Galleria 插件。
如果您有兴趣,这是原始线程

我相信这应该有助于加载默认图像: -

$('galleria li:first').addClass('active');

您有实时/静态演示可供查看吗?您的画廊基于哪个版本?
简单版还是高级版?

另外查看现场演示我上面提到的插件。
褪色/过渡效果很好。请随意复制+粘贴您需要的内容。

希望这有帮助。

I knocked up a Galleria plugin for a CMS called Indexhibit a few years ago.
Here's the original thread if you're interested.

I believe this should help with default image on load: -

$('galleria li:first').addClass('active');

Do you have live/static demo to view? Which version did you base your gallery on?
The simple or the advanced version?

Also checkout the live demo I for the above mentioned plugin.
Fadiing/transitions work fine. Feel free to copy+paste what you need.

Hope this helps.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文