Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,027

HOME > PHP > PHP Forum > เขียนสคริปไงให้ัวัตถุสไลด์มาจากด้านใดด้านหนึ่ง(slide) แล้วก็อีกอัน fed in fed out ด้วย



 

เขียนสคริปไงให้ัวัตถุสไลด์มาจากด้านใดด้านหนึ่ง(slide) แล้วก็อีกอัน fed in fed out ด้วย

 



Topic : 027420



โพสกระทู้ ( 183 )
บทความ ( 0 )



สถานะออฟไลน์
Facebook



เขียนสคริปไงให้วัตถุที่เราเรียกดูเช่นรูป slide มาจากด้านไหนกะได้ที่เรากำหนด แล้วก็อีกคำถามคือ
ให้มันค่อยๆชัดขึ้นแบบ fed in fed out สองเอ็ฟเฟ็ดนี้มีตัวอย่างสคริปใหม่คับ
อยากได้มากๆ ขอบคุณครับ



Tag : - - - -






Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2009-05-16 22:50:14 By : melodyApinan View : 1411 Reply : 7
 

 

No. 1



โพสกระทู้ ( 5,146 )
บทความ ( 26 )

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

สถานะออฟไลน์


http://leandrovieira.com/projects/jquery/lightbox/

แนะนำครับ


Date : 2009-05-17 02:02:28 By : deawx
 


 

No. 2



โพสกระทู้ ( 183 )
บทความ ( 0 )



สถานะออฟไลน์
Facebook

มีที่เป็นสคริปเลยป่าวอะคับ อยากรู้วิธีเขียนอยากเขียนเป็น
Date : 2009-05-17 03:12:10 By : melodyApinan
 

 

No. 3

Guest


ที่ผมให้ไป เป็น plugin ของ jquery นะครับ (มันไม่ใช่สคริปเหรอครับ)
ดุเป็นไกด์ การใช้ effect ของ jquery + stylesheat

เพราะตัวนี้คือ ต้นแบบของพวก minibox ต่างๆที่เ ขานำไเลปดัดแยปลงกันเนลยะครับ
Date : 2009-05-17 05:27:53 By : deawxx
 


 

No. 4



โพสกระทู้ ( 5,146 )
บทความ ( 26 )

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

สถานะออฟไลน์


ฮร๊าววว ... แจ่บ ๆ ๆ .. ง่วงบรม


Styles
#backgroundPopup{
display:none;
position:fixed;
_position:absolute;
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
}
#popupContact{
display:none;
position:fixed;
_position:absolute;
height:384px;
width:408px;
background:#FFFFFF;
border:2px solid #cecece;
z-index:2;
padding:12px;
font-size:13px;
}
#popupContact h1{
text-align:left;
color:#6FA5FD;
font-size:22px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:20px;
}
#popupContactClose{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#6fa5fd;
font-weight:700;
display:block;
}
#button{
text-align:center;
margin:100px;
}


JQuery Plugin ละกัน
<script type="text/javascript">
var popupStatus = 0;

function loadPopup(){
if(popupStatus==0){
$("#backgroundPopup").css({
"opacity": "0.7"
});
$("#backgroundPopup").fadeIn("slow");
$("#popupContact").fadeIn("slow");
popupStatus = 1;
}
}

function disablePopup(){
if(popupStatus==1){
$("#backgroundPopup").fadeOut("slow");
$("#popupContact").fadeOut("slow");
popupStatus = 0;
}
}

function centerPopup(){
var windowWidth = document.documentElement.clientWidth;
var windowHeight = document.documentElement.clientHeight;
var popupHeight = $("#popupContact").height();
var popupWidth = $("#popupContact").width();
$("#popupContact").css({
"position": "absolute",
"top": windowHeight/2-popupHeight/2,
"left": windowWidth/2-popupWidth/2
});
$("#backgroundPopup").css({
"height": windowHeight
});
}

$(document).ready(function(){
$("#button").click(function(){
centerPopup();
loadPopup();
});

$("#popupContactClose").click(function(){
disablePopup();
});
//button press
$("#backgroundPopup").click(function(){
disablePopup();
});
//keypress Escape
$(document).keypress(function(e){
if(e.keyCode==27 && popupStatus==1){
disablePopup();
}
});

});
</script>


HTML
<div id="button"><input type="submit" value="กดดูตัวอย่าง" /></div>
<div id="popupContact">
<a id="popupContactClose">x</a>
<h1>test modal box</h1>
<p id="contactArea">
This is modal box jquery plugin...
<br/><br/>
กดปิด โดยการกด Escape หรือกด x หรือกดอื่น ๆ นอก object

<br/><br/>
กดปิด โดยการกด Escape หรือกด x หรือกดอื่น ๆ นอก object
<br/><br/>
</p>
</div>
<div id="backgroundPopup"></div>

Date : 2009-05-17 07:36:34 By : deawx
 


 

No. 5



โพสกระทู้ ( 3,468 )
บทความ ( 0 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter

$("#popupContact").css({
"position": "absolute",
"top": windowHeight/2-popupHeight/2,
"left": windowWidth/2-popupWidth/2
});

ตัวนี้คงช่วยได้เยอะคับ ใช้ dynamic css ระบุตำแหน่งเอา ถ้า วน ลูปเอาก็คงจะทำงานครับ(ปรับ css top, left เอา)

แต่เรื่องความเร็ว ควรใช้ setTimeOut() ช่วย

แต่มันก็ค่อนข้างจะโค้ดยากอยู่ สำหรับทำให้เป็น standard ลองหา library ใช้ดีมั้ยคับ หรือว่า แกะโค้ดเอาก็ได้
Date : 2009-05-17 12:17:18 By : pjgunner
 


 

No. 6



โพสกระทู้ ( 11,835 )
บทความ ( 10 )

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

สถานะออฟไลน์


JonDesign's SmoothGallery
ผมใช้ตัวนี้อะครับ ลองเอาไปเล่นดู
Date : 2009-05-17 16:25:01 By : plakrim
 


 

No. 7



โพสกระทู้ ( 74,058 )
บทความ ( 838 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter Facebook



Go to : prettyPhoto jQuery lightbox SlideShow สร้าง lightbox ทำ Gallery ด้วย prettyPhoto

Go to : ColorBox jQuery Images SlideShow ทำ Gallery แบบ สไลด์รูปภาพแสดงภาพเปลี่ยนไปเรื่อยๆ

Go to : Popup Fancybox jQuery and PHP Mysql สร้างกล่อง Fancybox ทำงานร่วมกับ PHP และ MySQL
Date : 2011-10-28 21:31:24 By : webmaster
 

   

ค้นหาข้อมูล
   
 

แสดงความคิดเห็น
Re : เขียนสคริปไงให้ัวัตถุสไลด์มาจากด้านใดด้านหนึ่ง(slide) แล้วก็อีกอัน fed in fed out ด้วย
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
 Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 05
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2024 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่