DEMO: http://gettopup.com/examples
วิธีการ config เป็นการ config images parth เวลาเอามาใน server ของเราเอง
ให้ประกาศเอาไว้ประมาณนี้ไว้ที่ ในตัวอย่างนี้ทดสอบใน localhost: http://localhost/top_up/Singlelinks/TopUp_classes.html
<script type="text/javascript" src="../javascripts/top_up-min.js?images_path=http://localhost/top_up/images/top_up/"> </script>
วิธีการใช้งานนั้นก็ไม่อยาก ก็ให้ประกาศ class เอาไว้ที่ tag a แบบนี้
<a href="photos/1.jpg" class="top_up"><img src="thumbnails/1.jpg"/></a> <a href="photos/2.jpg" class="tu_ql"><img src="thumbnails/2.jpg"/></a> <a href="http://www.google.nl" class="tu_iframe_800x600">Open Google</a>
อยากได้แบบไหนก็เลือกเอา
สำหรับวิธีการ config กับ kohana นั้น ให้ทำอย่างนี้ครับ
<script type="text/javascript" src="<?= url::base()?>plugins/top_up/javascripts/top_up-min.js?images_path=top_up/images/top_up/"></script>
สังเกตุ ตอนนี้เรียกไฟล์ .js มาใช้งานให้เรียก path มาเต็ม แบบนี้ครับ
http://localhost/WebADS/plugins/top_up/javascripts/top_up-min.js
แล้วพอเราใช้การ Query string ก็คือหลัง ? ซึ่งเป็น images_path ให้เรียก path มาแค่ top_up/images/top_up/ ซึ่งเป็นโฟนเดอร์ที่ใช้เก็บไฟล์พวกรูปภาพ ซึ่งไฟล์ js จะมาดึงรูปไปใช้งาน
โครงสร้างโฟนเดอร์
ข้อสังเกตเพิ่มเติมที่พอเอาพวก javascript เข้ามาใช้ร่วมกับ kohana แล้วใช้งานไม่ได้ หน้าตาไม่เป็นเหมือนในตัวอย่างที่เค้าทำให้ดู นั่นก็เป็นเพราะว่าเรายังอ้างอิง path ที่เก็บไฟล์ไว้ยังไม่ถูกต้อง
วิธีการแก้อันดับแรกก็ต้องอ้างอิง path ไฟล์นามสกุล js ให้ถูกต้องเสียก่อนครับ
ส่วนเรื่องหน้าที่ไม่เป็นเหมือนเค้านั่นก็อาจเป็นเพราะว่ายังอ้างอิง path ที่เก็บไฟล์พวกรูปยังไม่ถูกต้อง
วิธีการแก้ก็คือ ให้เราลองใช้ path เต็มๆ ดูก่อน ถ้ายังไม่ได้ก็ค่อยๆลด secment ของ url ลงไปเรื่อย จนกว่าจะถูกต้อง เช่น
http://localhost/top_up/images/top_up/ >> top_up/images/top_up/
0 comments:
แสดงความคิดเห็น