JQZoom ใครทำเป็นบ้างครับบอกหน่อยทำยังไงบ้าง +1 ทุกท่านครับ

[vanavat]

โค้ด เลือก ขยาย

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 />

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

[NightClub]

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

[vanavat]

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

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

[NightClub]

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

[vanavat]

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

<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]

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

[NightClub]

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

[vanavat]

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

[solutioncom]

ผมโหลดหน้า 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>

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