如何在电子邮件通讯中添加图像滑块?

How to add image slider in email newsletter?

我已使用 mailchimp

创建了电子邮件通讯

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

可是网上搜了很多..

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

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

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

如有任何帮助,我们将不胜感激,

提前致谢。

很遗憾,您做不到。 CSS3 滑块和 JS 滑块都不能在 HTML 电子邮件中工作。

电子邮件通讯中没有 JS。证明?

在您的电子邮件通讯的 <head> 中,只需插入:

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

发送了那封邮件 - 这就是你的电子邮件客户端不支持 JS 的证据


GIF动画图片

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

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


JPG 静态图片

我的建议 是创建一个漂亮的 类似滑块的 .jpg 图片
Link 它 到您展示产品的网站。

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

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

Imageslider 需要一个 JS 运行,在电子邮件中使用内联 js 是不可能的,因为电子邮件将被大多数电子邮件提供商阻止。

但是您可以使用 GIF 图片:https://litmus.com/blog/a-guide-to-animated-gifs-in-email

所以 javascript 在电子邮件中是不可能的,就像上面其他人所说的那样。这有很多安全原因...

话虽如此,您绝对可以使用 checkbox/radio hack 实现纯 html 和 css 图像滑块或更准确的图像轮播。然而,支持不仅限于电子邮件客户端,更重要的是受到像 mailchimp 这样支持发送电子邮件的电子邮件服务的限制,因为 mailchimp Form elements including checkbox, radio and labels are stripped from emails...

这里说的是一个例子:

http://freshinbox.com/resources/tools/carousel/