Trung tâm cá nhân
cuốn sách gpt4 ai đã làm

Trao đổi hình ảnh jQuery - hành vi lạ trong chrome

In lại Tác giả: Vũ trụ không gian Thời gian cập nhật: 2023-11-03 18:05:45 hai mươi bốn 4
mua khóa gpt4 Nike

Tôi có một hàm JS nhỏ đang chạy để thay đổi ảnh gif khi di chuột qua. Về cơ bản nó hoạt động như thế này: bên dưới có một vòng lặp gif chuyển sang một vòng lặp khác trên trình duyệt chuột. Có một ảnh gif khác ở trên hiển thị quá trình chuyển đổi giữa hai trạng thái này, cũng là điểm chuyển đổi trên trình nhập chuột. Ảnh gif thứ hai không có vòng lặp và kết thúc bằng khung trong suốt để hiển thị ảnh gif bên dưới - nghe có vẻ hơi phức tạp nên hãy xem jsfiddle của tôi:

http://jsfiddle.net/Njw95/

Hiện tại, nó hoạt động hoàn hảo trong safari và firefox, nhưng có một vấn đề nhỏ trong chrome: ngay trước khi hoạt ảnh nâng cấp được phát, có một phần nghìn giây khung hình ngẫu nhiên nhấp nháy. Tôi có thể xác định khung này là khung đầu tiên của hoạt ảnh "bị xuống cấp". Tôi đã thay đổi khung hình đầu tiên của hoạt ảnh xuống cấp thành màu đen. Bây giờ trong chrome có đèn flash màu đen trên mouseenter và mouseleave...trong các trình duyệt khác chỉ có trên mouseleave...

$(document).ready(function () {
$(".col1").mouseenter(function () {
    $("#levelup").attr('src', 'http://studio-bonsei.de/bilder/upgrade.gif');
    $("#mainpic").attr('src', 'http://studio-bonsei.de/bilder/level2.gif');
});
$(".col1").mouseleave(function () {
    $("#levelup").attr('src', 'http://studio-bonsei.de/bilder/downgrade_tr.gif');
    $("#mainpic").attr('src', 'http://studio-bonsei.de/bilder/standard.gif');
});
});

câu trả lời hay nhất

Có vẻ như một số lỗi bộ nhớ đệm hình ảnh gif trong Chrome.
Bạn có thể thay đổi thànhLuôn yêu cầu hình ảnh mới. Đã giải quyết vấn đề này cho tôi:

bản trình diễn jsFiddle

JS:

var $pic = $("#pic"),
    path = "http://studio-bonsei.de/bilder/";

$pic.hover(hàm( e ) {
   var mE = e.type=="mouseenter";
   var s = Hình ảnh mới(); s.src = path+(mE?"upgrade://downgrade_tr")+".gif";
   var b = Hình ảnh mới(); b.src = path+(mE?"level2">tiêu chuẩn") +".gif";
   $pic[0].src = s.src;
   $pic[0].style.backgroundImage = "url("+ b.src +")"; 
});

HTML (vâng, tất cả những gì bạn cần)


CSS:

*{lề:0;}
#ảnh {
    nền: url(http://studio-bonsei.de/bilder/empty.gif) không lặp lại 50% 50% / bìa;
    chiều rộng: 50%;
}

Về javascript - trao đổi hình ảnh jQuery - hành vi lạ trong chrome, chúng tôi đã tìm thấy một câu hỏi tương tự trên Stack Overflow: https://stackoverflow.com/questions/24714227/

hai mươi bốn 4 0
Bài viết khuyến nghị: c# - Chèn phụ thuộc của các lớp .Net cụ thể
Bài viết khuyến nghị: Ruby - Kiểm tra xem một phương thức có yêu cầu một khối không
Bài viết khuyến nghị: Tìm kiếm các nhận xét cơ bản trong C++ thông qua biểu thức chính quy
Bài viết khuyến nghị: Tại sao tôi nhận được cảnh báo CA2229 khi kế thừa từ loại tiêu chuẩn (triển khai hàm tạo tuần tự hóa)
không gian vũ trụ
Hồ sơ

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá taxi Didi miễn phí
Phiếu giảm giá taxi Didi
Các bài viết phổ biến trên toàn bộ trang web
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress