ผมไม่เคยได้ใช้ เลยมาแกะดู แต่จนแล้วจนเล่าก็ไม่รอดสักที เลยขอที่พึ่งพา ขอคนแนะนำแก้ไขให้ทีครับ
<script src="//code.jquery.com/jquery-3.2.1.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.1.20/jquery.fancybox.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.1.20/jquery.fancybox.min.js"></script>
<a data-fancybox="gallery" href="big.png">CLICK 1</a><br>
<a data-fancybox="gallery" href="big1.png">CLICK 2</a>
จาก code ถ้ากดที่ CLICK 1 ภาพ big.png จะแสดงขึ้นมา
แต่ถ้ากดที่ CLICK 2 ไม่ปรากฏภาพ แต่ขึ้นว่า The requested content cannot be loaded. Please try again later.
ซึ่งไปดูใน css และ js ไม่มีค่า big หรือ data-fancybox เลยครับ หรือ ผมเข้าใจผิดเอง
แต่ถ้าเปลี่ยน CLICK 2 เป็น big.png และ เปลี่ยนชื่อภาพใน CLICK 1 ภาพใน CLICK 2 ก็แสดงขึ้นมา
เหมือนมันไปจำช่ือ big.png เท่านั้น
แก้ยังไงครับ รบกวนแนะนำที
ขอบคุณคับ