Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,037

HOME > PHP > PHP Forum > เปลี่ยนจากรูป เป็น ตัวหนังสือ ที่เป็น label อ่ะค่ะ ให้ label เลือนไป เลื่อนมาได้ (มีลิ้งค์ตัวอย่าง)

เปลี่ยนจากรูป เป็น ตัวหนังสือ ที่เป็น label อ่ะค่ะ ให้ label เลือนไป เลื่อนมาได้ (มีลิ้งค์ตัวอย่าง)

เริ่มหัวข้อใหม่

Guest

โค้ด
http://www.ajaxshake.com/plugin/EN/737/30c44e36/css3-polaroid-image-gallery-with-jquery-hovering-gallery.html

demo
http://www.ajaxshake.com/en/JS/237371/css3-polaroid-image-gallery-with-jquery-hovering-gallery.html

ตามลิ้งนี้อ่ะค่ะ คืออยากเปลี่ยนจากรูป เป็น ตัวหนังสือ ที่เป็น label อ่ะค่ะ ให้ label เลือนไป เลื่อนมาได้

พยายามแก้แล้ว แต่แก้ไม่ได้

ช่วยหน่อยนะคะ พึ่งหัดทำอ่ะค่ะ

Tag : PHP, HTML/CSS

Date : 2012-11-27 09:29:35

By : nisa

View : 1112

Reply : 7

No. 1

TC Admin

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

Capture รุป หรือเอา Code มาดูดีกว่าครับ

Date : 2012-11-27 10:07:56

By : mr.win

No. 2

Guest

ตามตัวอย่างที่เขาให้ดาวโหลดมาครับลองเปลี่ยนโค้ดตรงนี้ ไฟล์ demo.php

Code (PHP)

/* Outputting each image: */
		
		echo '
		<div id="pic-'.($i++).'" class="pic" style="top:'.$top.'px;left:'.$left.'px;background:url('.$thumb_directory.'/'.$file.') no-repeat 50% 50%; -moz-transform:rotate('.$rot.'deg); -webkit-transform:rotate('.$rot.'deg);">
		<a class="fancybox" rel="fncbx" href="'.$orig_directory.'/'.$file.'" target="_blank">'.$title.'</a>
		</div>';

เป็นแบบนี้

Code (PHP)

/* Outputting each image: */
		
		echo '
		<div id="pic-'.($i++).'" class="pic" style="top:'.$top.'px;left:'.$left.'px; background-color:#F00; -moz-transform:rotate('.$rot.'deg); -webkit-transform:rotate('.$rot.'deg);">
			<font size="20px">'.$i.'</font>
		</div>';

มันก็จะแสดงค่า $i คือตัวเลข ภายในกรอบแทนรูปแล้วครับ

ที่เหลือก็ปรับแต่งกรอบ คือไฟล์ demo.css ที่ .pic

ว่าจะให้กรอบเป็นรูปแบบไหนเลยครับ

Date : 2012-11-27 11:25:46

By : ไวยวิทย์

No. 3

Guest

ขอบคุณมากๆค่ะ ได้แล้วๆๆ

แต่ถ้ามันเป็นแบบ เป็นตัวหนังสือ ที่ไม่ตายตัว คือเค้ากรอกข้อมูลมา กด ok แล้วจะไปอีกหน้านึง

ที่อีกหน้านึง(หน้านี้ที่กำลังทำอยู่)ก็จะเป็นข้อมูลที่เค้ากรอกมา แล้วมันเลื่อนได้อ่ะค่ะ

(ไม่ได้ต้องการกรอบ หรืออะไรเลย ต้องการแค่ตัวหนังสืออย่างเดียวอ่ะค่ะ)

พอจะช่วยแนะนำได้มั้ยคะ

Date : 2012-11-27 13:58:00

By : nisa

No. 4

Guest

ก็คงต้องดึงข้อมูลจากฐานข้อมูลมาใส่ในหน้า demo.php

แทนที่ $i ตรง <font size="20px">'.$i.'</font> ครับมันก็จะเป็นข้อมูลที่คุณต้องการ

การส่งค่า รับค่า บันทึกค่า ดึงค่ามาแสดง ใน Thaicreate มีตัวอย่าง ลองดูครับ

Date : 2012-11-27 14:12:04

By : ไวยวิทย์

No. 5

Guest

อ๋อๆๆ จะลองทำดูค่ะ ขอบคุณที่แนะนำนะคะ ขอบคุณมากๆๆ

Date : 2012-11-27 14:27:13

By : nisa

No. 6

Guest

ครับ ลองทำดูครับ

Date : 2012-11-27 14:44:18

By : ไวยวิทย์

No. 7

TC Admin

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

Date : 2012-11-28 09:42:26

By : mr.win

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : เปลี่ยนจากรูป เป็น ตัวหนังสือ ที่เป็น label อ่ะค่ะ ให้ label เลือนไป เลื่อนมาได้ (มีลิ้งค์ตัวอย่าง)

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

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

Notice

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

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก