ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

ThaiSEOBoard.comพัฒนาเว็บไซต์ProgrammingJQZoom ใครทำเป็นบ้างครับบอกหน่อยทำยังไงบ้าง +1 ทุกท่านครับ
หน้า: [1]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: JQZoom ใครทำเป็นบ้างครับบอกหน่อยทำยังไงบ้าง +1 ทุกท่านครับ  (อ่าน 869 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
vanavat
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 373
ออฟไลน์ ออฟไลน์

กระทู้: 2,752



ดูรายละเอียด เว็บไซต์
« เมื่อ: 20 มิถุนายน 2012, 01:56:10 »

โค๊ด:
http://www.mind-projects.it/projects/jqzoom/

พยามทำตามนี้แต่ก็ทำไม่ถูกพึ่งทำไปได้แค่เอาไฟล์  jquery ทั้งหมดลงโฮสกับ ไฟล์ css แล้วก็

<script type='text/javascript' src='js/jquery-1.6.js'></script> 
<script type='text/javascript' src='js/jquery.jqzoom-core.js'></script>

$(document).ready(function() {
   $('.jqzoom').jqzoom({
            zoomType: 'reverse',
            lens:true,
            preloadImages: false,
            alwaysOn:false
        });
   //$('.jqzoom').jqzoom();
});


แต่ตอนจะนำมาใช้ทำไม่ถูกอะครับแหะๆ เว็บในลายเซ็น ในหน้ารายละเอียดสินค้าอะครับ

โค้ดรูปของสินค้ามีประมาณนี้ครับ

      <td width="260" valign="top"><? if($d[n_image]==""){
                  
                   } else {?>
                          <? echo"<img src='$siteurl/images/news/$d[n_image]' alt='xxxx $datahead' width='250'  cellspacing='5' class='viewimage250'/>
                   
                    <br />

ช่วยบอกทีนะครับ  wanwan031   1 ทุกท่านครับ

บันทึกการเข้า

NightClub
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 297
ออฟไลน์ ออฟไลน์

กระทู้: 2,461



ดูรายละเอียด เว็บไซต์
« ตอบ #1 เมื่อ: 20 มิถุนายน 2012, 02:00:09 »

ตั้งคลาสรูปเป็น jqzoom
บันทึกการเข้า

รับจ้างเขียนโปรแกรม PHP งานมืออาชีพ เสร็จตามที่กำหนด ราคาปานกลาง
เหมาะกับผู้ที่รับงานมาแล้วส่งต่อจ๊ะ PM มาเลย
vanavat
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 373
ออฟไลน์ ออฟไลน์

กระทู้: 2,752



ดูรายละเอียด เว็บไซต์
« ตอบ #2 เมื่อ: 20 มิถุนายน 2012, 02:05:04 »

ตั้งคลาสรูปเป็น jqzoom

+1 ครับเปลี่ยนแล้วแต่ยังไม่ได้เลยอะครับ
บันทึกการเข้า

NightClub
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 297
ออฟไลน์ ออฟไลน์

กระทู้: 2,461



ดูรายละเอียด เว็บไซต์
« ตอบ #3 เมื่อ: 20 มิถุนายน 2012, 02:07:15 »

ขอดูโค้ดที่แก้ไขหน่อยครับ
บันทึกการเข้า

รับจ้างเขียนโปรแกรม PHP งานมืออาชีพ เสร็จตามที่กำหนด ราคาปานกลาง
เหมาะกับผู้ที่รับงานมาแล้วส่งต่อจ๊ะ PM มาเลย
vanavat
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 373
ออฟไลน์ ออฟไลน์

กระทู้: 2,752



ดูรายละเอียด เว็บไซต์
« ตอบ #4 เมื่อ: 20 มิถุนายน 2012, 02:08:57 »

ขอดูโค้ดที่แก้ไขหน่อยครับ
<td width="260" valign="top"><? if($d[n_image]==""){
                   
                   } else {?>
                          <? echo"<img src='$siteurl/images/news/$d[n_image]' alt='xxxx $datahead' width='250'  cellspacing='5' class='jqzoom'/>
                   
                    <br />

เปลี่ยนแค่คลาสตรงนี้อะครับไม่รู้ถูกมั้ย จะไปดูในโฮสเลยมั้ยครับ อิอิ
บันทึกการเข้า

vanavat
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 373
ออฟไลน์ ออฟไลน์

กระทู้: 2,752



ดูรายละเอียด เว็บไซต์
« ตอบ #5 เมื่อ: 20 มิถุนายน 2012, 02:13:18 »

ใครรู้ช่วยบอกทีนะครับ จะเป็นพระคุณมาก
บันทึกการเข้า

NightClub
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 297
ออฟไลน์ ออฟไลน์

กระทู้: 2,461



ดูรายละเอียด เว็บไซต์
« ตอบ #6 เมื่อ: 20 มิถุนายน 2012, 02:26:11 »

ขอดูหน่อยก็ดีครับ เล่นดอทเออยู่ ช้านิดนึง 55
บันทึกการเข้า

รับจ้างเขียนโปรแกรม PHP งานมืออาชีพ เสร็จตามที่กำหนด ราคาปานกลาง
เหมาะกับผู้ที่รับงานมาแล้วส่งต่อจ๊ะ PM มาเลย
vanavat
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 373
ออฟไลน์ ออฟไลน์

กระทู้: 2,752



ดูรายละเอียด เว็บไซต์
« ตอบ #7 เมื่อ: 20 มิถุนายน 2012, 02:45:38 »

pm ไปให้แล้วครับท่าน
บันทึกการเข้า

solutioncom
Verified Seller
สมุนแก๊งเสียว
*

พลังน้ำใจ: 35
ออฟไลน์ ออฟไลน์

กระทู้: 543



ดูรายละเอียด
« ตอบ #8 เมื่อ: 20 มิถุนายน 2012, 11:17:31 »

ผมโหลดหน้า page มาลองที่เครื่องแล้วนะครับ
ต้องแก้ไขไฟล์ javascript error ก่อน
<script type="text/javascript" src="lightbox/lightbox.js"></script> เอาออก
เพิ่มส่วน zoom โดยกำหนด tag a ให้ img แล้วใส่คลาส jqzoom
<a href="link รูปขนาดใหญ่" class="jqzoom" title="MYTITLE"><img src="link รูปขนาดเล็ก" alt="MYTITLE" cellspacing="5" class="viewimage250" width="250"></a>

แค่นี้ก็เรียบร้อยแล้วครับท่าน

« แก้ไขครั้งสุดท้าย: 20 มิถุนายน 2012, 11:18:46 โดย solutioncom » บันทึกการเข้า
หน้า: [1]   ขึ้นบน
พิมพ์