javascript - 如何在电子邮件通讯中添加图像 slider ?

标签 javascript jquery html email newsletter

我已经使用 mailchimp 创建了电子邮件通讯

现在我想添加具有响应式设计的图像 slider ,

但是我已经在网上搜索了很多..

一些在线文档说无法在电子邮件通讯中添加图像 slider 。

例如这个link告诉。,这是不可能的。

那么,我可以知道实现这一目标的确切链接是什么吗?

任何帮助将不胜感激,

提前致谢。

最佳答案

不幸的是你做不到。 CSS3 slider 和 JS slider 都不能在 HTML 电子邮件中工作。

电子邮件通讯中的 NO-JS。证明?

<head>里面您的电子邮件通讯只需插入:

<script>alert("JS WORKS! ...not");</script>

发送那封电子邮件 - 这就是您证明电子邮件客户端不支持 JS


GIF动图

您最终可以使用 .gif 动画。在 Outlook 2007 中将不起作用 - 但至少它会显示第一帧。
不要过度使用 .gif 动画,因为您使用的帧越多,您的文件大小就越大。
也不要忘记您有限的调色板 (256) 所以三思:

您不希望用户等待 900KB 的 .gif 图像。


JPG静态图片

enter image description here 我的建议是创建一个漂亮的类似 slider 的 .jpg 图像
链接到您展示产品的网站。

<a href="http://example.com/products"><img src="http://example.com/nl/img/img.jpg"></a>

这张吸引人的图片只有 45KB。每个电子邮件客户端都会很乐意提供此类图像,而不会将您列入黑名单。
此外,请查看您的 MailChimp 点击率。应该会带来令人惊讶的结果!

关于javascript - 如何在电子邮件通讯中添加图像 slider ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30837190/

相关文章:

javascript - 在外部域上使用 Javascript 访问 Iframe

javascript - 如何借助 jQuery 拒绝容器中的可放置元素?

Grails 中的 jquery TreeView

javascript - 加载页面问题上的引导模式

javascript - HTML 中应该使用什么标签,没有特殊含义,仅用于携带元数据?

html - grep linux 正则表达式

javascript - 刷新全日历时显示同一月/周/日

javascript - 有没有一种安全的方法来防止 exec 剥离引号?

javascript - Webpack 5 实时重载

javascript - 奇怪的 SVG/javascript 行为