Cách tạo hình ảnh cuộn qua cho email và trang sản phẩm

Những hình ảnh thay đổi để hiển thị một hình ảnh khác khi bạn di chuột qua nó được gọi là hình ảnh Rollover. Đó là một cách tuyệt vời để giới thiệu sản phẩm của bạn hoặc làm cho nội dung của bạn tương tác hơn với khách truy cập. Những hình ảnh này cũng được sử dụng rộng rãi trong các email tiếp thị, nơi có lẽ chúng ít được chào đón hơn. Hình ảnh được tạo bằng CSS và HTML, nhưng nếu bạn đang tìm kiếm một phương pháp dựa trên giao diện người dùng đơn giản để tạo chúng, Rollover FreshInbox là thứ bạn cần.

Trước khi bắt đầu, hãy đảm bảo rằng bạn có hai hình ảnh mà bạn muốn đưa vào hình ảnh cuộn qua của mình. Trong số hai hình ảnh, một hình sẽ xuất hiện khi con trỏ không ở trên hình và hình còn lại sẽ xuất hiện khi con trỏ di chuyển trên hình. Hình ảnh của bạn có thể ở định dạng PNG hoặc JPG. Tải chúng lên ổ đĩa đám mây hoặc dịch vụ chia sẻ hình ảnh như Imgur, sau đó truy cập Rollover FreshInbox.

Trong URL hình ảnh chính, hãy nhập URL hình ảnh sẽ xuất hiện khi con trỏ chuột không di chuột qua hình ảnh. Chỉ định chiều rộng và chiều cao của hình ảnh, đồng thời trong trường URL hình ảnh thay thế, hãy nhập URL của hình ảnh sẽ xuất hiện khi bạn di chuột qua hình ảnh đó.

Sau đó, nhập chuyển hướng vào trường “Liên kết”. Nếu người dùng nhấp vào hình ảnh của bạn khi di chuột, họ sẽ được đưa đến URL bạn nhập tại đây. Nhập văn bản ALT và nhấp vào “Tạo”. Bạn sẽ thấy bản xem trước của hình ảnh ở bên phải và nhận mã để thêm hình ảnh vào trang web hoặc email của bạn.

Nếu bạn muốn hình ảnh phản hồi nhanh, hãy bật “Chia tỷ lệ hình ảnh theo chiều rộng vùng chứa”, nhưng chỉ làm điều này nếu bạn biết cách làm việc với vùng chứa. Bỏ chọn tùy chọn này đối với hình ảnh di chuột qua bình thường. Để chèn nó vào email hoặc trang web, hãy sao chép mã và dán mã vào thẻ dành cho nó, tức là Tiêu đề email và Nội dung trang web. Đó là tất cả những gì cần thiết để tạo một hình ảnh di chuột qua.

Truy cập Rollover FreshInbox

Những bài viết liên quan

Back to top button