如何在电子邮件简报中添加图像滑块?

时间:2015-06-15 04:04:21

标签: javascript jquery html email newsletter

我使用mailchimp

创建了电子邮件简报

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

但我在网上搜索了很多..

有些在线文档说无法在电子邮件简报中添加图片滑块。

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

所以,我可以知道,实现这一目的的确切联系是什么?

任何帮助都将受到高度赞赏,

提前致谢。

3 个答案:

答案 0 :(得分:4)

很遗憾你不能这样做。 CSS3滑块和JS滑块都不能用于HTML电子邮件。

电子邮件通讯中的

NO-JS。证明?

在您的电子邮件简报的<head>内,只需插入:

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

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

GIF动画图片

你最终可以用ha .gif动画。无法在 Outlook 2007 中使用 - 但至少它会显示第一帧 不要使用.gif动画进行夸大,因为您使用的帧越多,文件大小越大。
另外不要忘记你限制了调色板(256)所以请三思而后行:

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

<小时/>

JPG静态图片

enter image description here 我的建议是创建一个呼叫和漂亮的滑块相似的.jpg图像
将其链接到您展示商品的网站。

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

这个吸引人的图片只有 45KB 。每个电子邮件客户端都乐意在不将您列入黑名单的情况下提供此类图像 另外,请参阅MailChimp 点击率。应该会带来惊人的结果!

答案 1 :(得分:2)

Imageslider需要运行JS,因此电子邮件中的内联js是不可能的,因为大多数电子邮件提供商都会阻止该电子邮件。

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

答案 2 :(得分:0)

因此,在其他人已经说明的电子邮件中,javascript是不可能的。这有很多安全原因......

据说你绝对可以实现图像滑块或更准确地使用复选框/无线电黑客实现纯html和CSS的图像轮播。然而,支持不仅仅限于电子邮件客户端,但更重要的是受限于mailchimp等电子邮件服务,它支持发送电子邮件,因为mailchimp Form elements including checkbox, radio and labels are stripped from emails...

这里说的是一个例子:

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