cuốn sách gpt4 ai đã làm

JavaScript, thư viện hộp thư ưa thích

In lại Tác giả: Walker 123 Thời gian cập nhật: 27-11-2023 23:04:02 28 4
mua khóa gpt4 Nike

Xin chào, tôi gặp sự cố khi sử dụng JS để tạo thư viện động:

  • Tôi không biết cách lấy thư viện của mình bằng JS - "gallery-pk-1-1"



  • Tôi không thể sử dụng JS để thêm ảnh vào album
  • Thư viện đẹp mở ra khi nhấp chuột (thật dễ dàng nếu tôi chỉ sử dụng mã ở trên để thêm nhiều hình ảnh hơn, nhưng trang web của tôi tải rất chậm vì có quá nhiều hình ảnh - đó là lý do tại sao tôi chỉ muốn tạo thư viện khi người dùng nhấp vào hình ảnh chính )
  • Tôi muốn tạo 1 hàm JS cho 1 thư viện trong đó tôi sẽ thêm từng ảnh một vì tôi không có cơ sở dữ liệu thông thường mà chỉ có những ảnh có tên khác nhau.
  • Mã cho bộ sưu tập của tôi:
    JS:

    HTML:






    ...

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

Vì vậy, về cơ bản, bạn chỉ muốn hiển thị một hình ảnh xem trước cho mỗi thư viện? Bạn có thể tạo link ẩn cho những hình ảnh khác như thế này


dữ liệu-width="1500" dữ liệu-height="1000"
data-thumb="https://source.unsplash.com/Ai2TRdvI6gM/240x160">

Xem bản demo này https://codepen.io/fancyapps/pen/EeqJPG?editors=1000 (Tìm "Thư viện có một hình ảnh xem trước").

Ngoài ra, bạn có thể tạo một sự kiện nhấp chuột tùy chỉnh trên hình ảnh xem trước nơi bạn sẽ khởi chạy hộp ưa thích bằng API:

$.fancybox.open([
{
src: '1_b.jpg',
chọn : {
chú thích : 'Chú thích đầu tiên',
ngón tay cái: '1_s.jpg'
}
},
{
src: '2_b.jpg',
chọn : {
chú thích : 'Chú thích thứ hai',
ngón tay cái: '2_s.jpg'
}
}
], {
vòng lặp: sai
});

Về JavaScript, thư viện Fancybox, 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/58835450/

28 4 0
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