01/10/2018, 09:52

Slideshow JavaScript

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 đỡ

null viết 12:02 ngày 01/10/2018

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.

Phá Hoại viết 11:55 ngày 01/10/2018

Tks bạn rất nhiều mình cũng đã nghỉ đến làm array như vậy!!!

Phá Hoại viết 12:08 ngày 01/10/2018

Chào bạn mình đã làm theo lời khuyên của bạn và load dữ liệu từ array nhưng tất cả các hình đều vào chỉ có 1 link duy nhất nên bạn có thể xem giúp mình là mình đã tham chiếu các dữ liệu đúng chưa bạn?