Chào các bạn mình vừa mới tập tành làm javascript về phần slideshow. Và vấn đề của mình ở đây là làm cách nào để chèn thêm link liên kết với thẻ a href .
Đây là đoạn code javescript của mình:
Mong các bạn giúp đỡ
Slideshow JavaScript
Đây là đoạn code javescript của mình:
Mong các bạn giúp đỡ
Bạn chỉ cần bao quanh image bằng link, rồi thay href cùng lúc với thay src của image.
Tuy nhiên cái slideshow này của bạn có vài vấn đề.
- Khi bạn thay src của image như vậy, sẽ có lúc image không thay đổi dù src đã đổi. Đó là lúc cái image mới thay vào chưa tải xong.
- Không thể thêm hiệu ứng chuyển tiếp giữa các image.
- Thay dựa theo số thứ tự là tên image thì mỗi khi cập nhật dữ liệu sẽ khá phiền phức.
Nếu dùng như cách của bạn thì dữ liệu slideshow nên lưu dạng array thế này:
var data = [{
title: "Google",
link: "https://google.com",
img: "Images/img1.jpg"
},
{
title: "Gmail",
link: "https://gmail.com",
img: "Images/img2.jpg"
},
{
title: "Razer",
link: "https://razerzone.com",
img: "Images/img3.jpg"
}];
Như vậy bạn sẽ có thể lấy ra từng slide dựa trên index của nó.
Bạn cũng cần học kỹ cách dùng variable và function, không nên để code bị lặp lại.
Tks bạn rất nhiều mình cũng đã nghỉ đến làm array như vậy!!!
83% thành viên diễn đàn không hỏi bài tập, còn bạn thì sao?