22 พฤษภาคม 2555, 15:50:09
ยินดีต้อนรับผู้เยี่ยมชม
  • noavata
  • ยินดีต้อนรับคุณ, ผู้เยี่ยมชม กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน
    เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น
  • คุณมีสิทธิ์: ที่จะแบ่งปัน * * * *
Page Rank

ทำเว็บไซต์ | แต่งบอร์ด | ออกแบบ | SMF | Joomla | Drupal | WordPress | JQuery | CMS | ECommerce | Tel. +668-08577477

-:-DexMoreGroup แหล่งมั่วสุมทางปัญญา-:- linktree Web Achieve linktree Simple Machines Forum linktree SMF Modifications

jquery easySlider for SMF

ส่งหัวข้อนี้พิมพ์ หน้า: 1 
icon message ผู้เขียน หัวข้อ: jquery easySlider for SMF  (อ่าน 2088 ครั้ง)
0 สมาชิก และ 1 ผู้เยี่ยมชม กำลังดูหัวข้อนี้
SMF ModifyCrazy™
*
*


!NeverDie

United States Minor Outlying Islands   หญิง ผู้เริ่มต้นกระทู้นี้ ออฟไลน์ เว็บไซต์
icon message
general เมื่อ: 15 มกราคม 2553, 17:55:31
  • ชื่อ: easySlider
  • ผู้เขียน: Crazy™
  • นำเสนอโดย: DexMoreGroup
  • ประเภท: New Feature
  • รองรับ: SMF 1.1.xx, 2.0.xx
  • ปรับปรุงล่าสุด: 17 มิถุนายน 2553
      
รายละเอียด
      อันนี้เป็น Jq Slide Show อีกรูปแบบหนึ่ง ซื่งแสดงรูปไปตามลำดับโดยไม่ต้องคลิกเหมือนอันก่อน แล้วแต่ว่าใครจะชอบแบบใหนก็เลือกใช้แบบนั้น

ตัวอย่าง
ขออภัย! ท่านไม่สามารถเข้าถึงข้อมูลส่วนนี้ได้ กรุณาอ่าน เงื่อนไขการใช้งาน DexMore.Com

ดาวน์โหลด
ขออภัย! ท่านไม่สามารถเข้าถึงข้อมูลส่วนนี้ได้ กรุณาอ่าน เงื่อนไขการใช้งาน DexMore.Com

      ขั้นแรกก็ดาวน์โหลดไฟล์ jquery.easySlider1.7.js และ jquery-1.3.2.min.js กันก่อน
jquery-1.3.2.min.js นี่ถ้าหากท่านใช้อยู่แล้วก็ไม่จำเป็นจะต้องเพิ่มอีก เพราะส่วนมากคนทำ SMF ก็มักจะทำ Thank Coll! กันอยู่แล้ว ซึ่ง Thank Cool! V2@zone-it ก็ใช้ตัวนี้อยู่

      เมื่อดาวน์โหลดมาแล้วก็แตกไฟล์ อัพโหลดขึ้นไปไว้ในโฟลเดอร์ js ในธีม default โฟลเดอร์นี้ถ้ายังไม่มีก็ต้องสร้างขึ้นมา

แก้ไขไฟล์:

file index.template.php

ค้นหา -->>
ขออภัย! ท่านไม่สามารถเข้าถึงข้อมูลส่วนนี้ได้ กรุณาอ่าน เงื่อนไขการใช้งาน DexMore.Com

เพิ่มไว้หลัง -->>
โค๊ด: (javascript) [Select]
<script type="text/javascript" src="', $settings['default_theme_url'], '/js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="', $settings['default_theme_url'], '/js/jquery.easySlider1.7.js"></script>

ค้นหา -->>
โค๊ด: (javascript) [Select]
<script language="JavaScript" type="text/javascript"><!-- // --><![CDATA[
var smf_theme_url = "', $settings['theme_url'], '";
var smf_images_url = "', $settings['images_url'], '";
var smf_scripturl = "', $scripturl, '";
var smf_iso_case_folding = ', $context['server']['iso_case_folding'] ? 'true' : 'false', ';
var smf_charset = "', $context['character_set'], '";
// ]]></script>

แก้เป็น -->>
โค๊ด: (javascript) [Select]
<script language="JavaScript" type="text/javascript"><!-- // --><![CDATA[
var smf_theme_url = "', $settings['theme_url'], '";
var smf_images_url = "', $settings['images_url'], '";
var smf_scripturl = "', $scripturl, '";
var smf_iso_case_folding = ', $context['server']['iso_case_folding'] ? 'true' : 'false', ';
var smf_charset = "', $context['character_set'], '";
$(document).ready(function(){
$("#slider").easySlider({
auto: true,
continuous: true,
numeric: true
});
});
// ]]></script>

ค้นหา -->>
โค๊ด: (php) [Select]
// Show the menu here, according to the menu sub template.
template_menu();

เพิ่มไว้หลัง -->>
โค๊ด: (php) [Select]
// easy Slide Show by crazy
Crazy_easy_Slide();
ขออภัย! ท่านไม่สามารถเข้าถึงข้อมูลส่วนนี้ได้ กรุณาอ่าน เงื่อนไขการใช้งาน DexMore.Com

เป็นอันเสร็จเรียบร้อย Refresh ดูผลได้เลย ออ..อย่าลืมเอารูปไปไว้ในที่ที่มันต้องอยู่ด้วยหล่ะ..

ลิงค์หัวข้อ: http://dexmore.com/topic/2
Windows XP    Firefox 3.5.7   see ip บันทึกการเข้า
ดูรายการสิ่งของบัตรผ่านห้องเกมส์ใช้ได้ 30 วัน  

-:-DexMore.Com แหล่งมั่วสุมทางปัญญา-:-
SMF Modifyppparty
*



Thailand   ชาย ออฟไลน์
icon message
general ความคิดเห็นที่ 1 เมื่อ: 8 กรกฎาคม 2553, 13:55:03
ขอบคุณครับ

ทำแล้วปรากฏว่า มันไม่เลือนครับ มันต่อกันเป็นแนวตั้งเลยครับ ไม่ทราบเป็นเพราะอะไรครับ ผมนั่งไล่โค๊ต ตามวิธีที่สอนทุกอย่างแล้วอ่ะครับ รบกวนช่วยสอนด้วยนะครับ

ที่บอร์ดนี้ ครับ

http://www.cgpsd.com/board/index.php

ขอบคุณล่วงหน้าครับ

ลิงค์หัวข้อ: http://dexmore.com/topic/2
Windows XP    Firefox 3.5.10   see ip บันทึกการเข้า
โฮสต์ดีๆ บริการด้วยใจ
SMF ModifyUnclEo
*
*


!Personal

Germany   ชาย ออฟไลน์544566157 DexMore DexMore DexMore
เว็บไซต์
icon message
general ความคิดเห็นที่ 2 เมื่อ: 8 กรกฎาคม 2553, 14:21:11
ทำตามแล้ว..

      ทำตามแบบใหนหรือครับ? อย่าถามแบบรู้คนเดียว ต้องเอาตัวอย่างการทำมาด้วย ไม่งั้นใครจะบอกได้ผิด-ถูกตรงใหน ถ้าทำถูกมันก็แสดงผลได้ดังตัวอย่าง ถ้ามันไม่แสดงก็แสดงว่าผิด โดยที่คุณเข้าใจว่ามันถูก โดยปกติปัญหาแบบนี้ผมเห็นแล้วผมจะทำเฉยๆ ไม่ตอบเลยครับ ไม่มีเวลานั่งเดา แต่เห็นว่าอยู่กันนานแล้ว จึงยอมเสียเวลาชี้แจงสักนิด

ลิงค์หัวข้อ: http://dexmore.com/topic/2
Windows XP    Firefox 3.6.6   see ip บันทึกการเข้า
ดูรายการสิ่งของสำหรับบอกรักใครสักคน ก็ส่งไปให้เขาเลย!  สำหรับติดหมุดกระทู้ของคุณ!  เพิ่มเวลาที่อยู่ในระบบอีก 12 ชั่วโมง  น้องหมี..เอาไว้กอดนอนแทนกิ๊ก  สำหรับบอกรักใครสักคน ก็ส่งไปให้เขาเลย!  
SMF Modifyppparty
*



Thailand   ชาย ออฟไลน์
icon message
general ความคิดเห็นที่ 3 เมื่อ: 8 กรกฎาคม 2553, 14:28:31
ขอโทษครับ ลุงหนุ่ย คือทำแล้วผลมันออกมาแบบนี้ ครับ



มันไม่แสดง เหมือนรูปด้านบน



โค๊ตที่ index.template.php
โค๊ด: [Select]
<meta name="keywords" content="PHP, MySQL, bulletin, board, free, open, source, smf, simple, machines, forum" />
<script language="JavaScript" type="text/javascript" src="', $settings['default_theme_url'], '/script.js?fin11"></script>
        <script type="text/javascript" src="', $settings['default_theme_url'], '/js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="', $settings['default_theme_url'], '/js/jquery.easySlider1.7.js"></script>
       <script language="JavaScript" type="text/javascript" src="', $settings['theme_url'], '/mootools.js"></script>
<script language="JavaScript" type="text/javascript" src="', $settings['theme_url'], '/imagemenu.js"></script>
<script language="JavaScript" type="text/javascript" src="', $settings['theme_url'], '/imagemenu2.js"></script>
<script language="JavaScript" type="text/javascript"><!-- // --><![CDATA[
var smf_theme_url = "', $settings['theme_url'], '";
var smf_images_url = "', $settings['images_url'], '";
var smf_scripturl = "', $scripturl, '";
var smf_iso_case_folding = ', $context['server']['iso_case_folding'] ? 'true' : 'false', ';
var smf_charset = "', $context['character_set'], '";
$(document).ready(function(){
$("#slider").easySlider({
auto: true,
continuous: true,
numeric: true
});
});
// ]]></script>

ส่วน file style.css

ผมก็ก็อปจากด้านบนไปใส่เลยครับ

รูปผมตั้งค่าเป็น 404 x 271 pixel

jquery.easySlider1.7.js และ jquery-1.3.2.min.js ผมอัพไว้ที่ โฟลเดอร์  Themes/default/js

ลิงค์หัวข้อ: http://dexmore.com/topic/2
« แก้ไขครั้งสุดท้าย: 8 กรกฎาคม 2553, 14:49:25 โดย ppparty » Windows XP    Firefox 3.5.10   see ip บันทึกการเข้า
โฮสต์ดีๆ บริการด้วยใจ
SMF ModifyUnclEo
*
*


!Personal

Germany   ชาย ออฟไลน์544566157 DexMore DexMore DexMore
เว็บไซต์
icon message
general ความคิดเห็นที่ 4 เมื่อ: 8 กรกฎาคม 2553, 15:33:57
style ใส่ที่ใหนหรือครับ ใช้ธีมใหนก็ใส่ธีมนั้น

ลิงค์หัวข้อ: http://dexmore.com/topic/2
Windows XP    Firefox 3.6.6   see ip บันทึกการเข้า
ดูรายการสิ่งของสำหรับบอกรักใครสักคน ก็ส่งไปให้เขาเลย!  สำหรับติดหมุดกระทู้ของคุณ!  เพิ่มเวลาที่อยู่ในระบบอีก 12 ชั่วโมง  น้องหมี..เอาไว้กอดนอนแทนกิ๊ก  สำหรับบอกรักใครสักคน ก็ส่งไปให้เขาเลย!  
SMF Modifyนายด้ามขวาน
*
***



Thailand   ชาย ออฟไลน์
icon message
general ความคิดเห็นที่ 5 เมื่อ: 8 กรกฎาคม 2553, 17:48:46
ผมว่า mootools.js กับ jquery มันรบกันแน่เลยครับท่าน

ลองเอา mootools.js ออกสักตัวซิ รับรองได้ชัวครับ


 Grin Grin Grin Grin

ลิงค์หัวข้อ: http://dexmore.com/topic/2
Windows XP    Firefox 3.6.6   see ip บันทึกการเข้า
โฮสต์ดีๆ บริการด้วยใจ
SMF Modifyppparty
*



Thailand   ชาย ออฟไลน์
icon message
general ความคิดเห็นที่ 6 เมื่อ: 8 กรกฎาคม 2553, 22:27:20
ขอบคุณ ทุกคำตอบครับ ขอบคุณ ท่านด้ามขวานด้วยครับ script มันชนกันจริง ๆ ด้วย

<script language="JavaScript" type="text/javascript" src="', $settings['theme_url'], '/mootools.js"></script>

ไม่รุ้ว่า สคริปนี้ เกี่ยวข้องกะโหมดอะไร แต่พอเอาตรงนี้ออก ใช้งานได้แล้วครับ

ขอบคุณครับผม

ลิงค์หัวข้อ: http://dexmore.com/topic/2
Windows XP    Firefox 3.5.10   see ip บันทึกการเข้า
โฮสต์ดีๆ บริการด้วยใจ
SWOY
icon message
general ความคิดเห็นที่ 7 เมื่อ: 6 สิงหาคม 2553, 08:42:34
มันกำหนดความเร็วยังไงครับ

ลิงค์หัวข้อ: http://dexmore.com/topic/2
Windows XP    Chrome 5.0.375.125   see ip บันทึกการเข้า
โฮสต์ดีๆ บริการด้วยใจ
SMF ModifyUnclEo
*
*


!Personal

Germany   ชาย ออฟไลน์544566157 DexMore DexMore DexMore
เว็บไซต์
icon message
general ความคิดเห็นที่ 8 เมื่อ: 6 สิงหาคม 2553, 11:07:13
กำหนดใน jquery.easySlider1.7.js

speed: 800,

ลิงค์หัวข้อ: http://dexmore.com/topic/2
Windows XP    Firefox 3.6.8   see ip บันทึกการเข้า
ดูรายการสิ่งของสำหรับบอกรักใครสักคน ก็ส่งไปให้เขาเลย!  สำหรับติดหมุดกระทู้ของคุณ!  เพิ่มเวลาที่อยู่ในระบบอีก 12 ชั่วโมง  น้องหมี..เอาไว้กอดนอนแทนกิ๊ก  สำหรับบอกรักใครสักคน ก็ส่งไปให้เขาเลย!  
ส่งหัวข้อนี้พิมพ์ หน้า: 1 
-:-DexMoreGroup แหล่งมั่วสุมทางปัญญา-:- linktree Web Achieve linktree Simple Machines Forum linktree SMF Modifications

jquery easySlider for SMF

กระโดดไป:  

Creative Commons License

SMF Thai Translation Powered by SMF © 2006–2012, Simple Machines LLC

WordPress Google เข้าเยี่ยมชมหน้านี้ล่าสุดเมื่อ : 17 พฤษภาคม 2555, 09:53:32

jQuery Plugin Copyright © 2551-2555 Themes Design & Hosting by DexMoreGroup

Sitemap | Thai Simple Machines Forum support SMF Thai

Web Begining | SMF Modifications | SMF Thai Translation Web Begining

Drupal | WordPress | CMS Joomla | jQuery Plugin | Web Graphics CMS Joomla