|
|
|
สอบถาม การเรียกใช้ css ขนาดของรูป ครับ มีรูปตัวอย่างให้ดู พอดีมีปัญหาเกียวกับความกว้างของภาพจึงอยากให้ผู้ที่รู้ช่วยหน่อยครับ |
|
|
|
|
|
|
|
สอบถาม การเรียกใช้ css ขนาดของรูป ครับ มีรูปตัวอย่างให้ดู
จะทำแบบเว็บนี้ครับ http://spoonfedproject.com/wp-content/uploads/demo/jquery-slide-hover/index.htm
แต่ติดปัญหาเกียวกับความกว้างของภาพจึงอยากให้ผู้ที่รู้ช่วยหน่อยครับ
รูปที่1 เป็นรูปที่ต้องการครับ พอดีได้โค๊ดมา มี css มาด้วย
รูปที่2 พอดี css มันจัดการให้ ผมต้องการแก้ให้ได้ตามรูปที่1
โค๊ดทั้งหมดมีอยู่3ส่วนด้วยกัน
menu.js
Code (JavaScript)
$(function(){
$("#container div a").hover(function(){
$("img", this).stop().animate({top:"-130px"},{queue:false,duration:200});
}, function() {
$("img", this).stop().animate({top:"0px"},{queue:false,duration:200});
});
menu.css
html,body,div,h2,img {margin:0;padding:0;border:none;}
h1 { text-align:center;}
#container {
margin:0px auto;
width:909px;
}
#container div {
margin-right:0px;
float:left;
width:200px;
height:130px;
border:0px solid #999;
position:relative;
overflow:hidden;
}
#container img {
position:absolute;
}
หน้าแสดงผล
Code (PHP)
<div id="container">
<h1>jQuery image slide on hover effect</h1>
<div><a href="#"><img src="image-1.jpg" /></a></div>
<div><a href="#"><img src="image-2.png" /></a></div>
<div><a href="#"><img src="image-3.jpg" /></a></div>
</div>
ผมลองกำหนด width:200px; เป็น width:auto; แล้วก็ไม่ได้ไม่รู้ว่าต้องแก้ตรงไหนอีก
ฝากผู้รู้มาให้ควมกระจ่างที
Tag : PHP, HTML/CSS, jQuery
|
|
|
|
|
|
Date :
2013-03-04 16:21:08 |
By :
okboou |
View :
752 |
Reply :
2 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
เอา width ออกไปเลยครับ
แล้วมันก็จะได้ความกว้างเท่ากับขนาด text ที่อยู่ข้างใน
แต่มันก็จะไม่ตรงตามใจคุณแน่นอน
ดังนั้นคุณต้องกำหนด width ของแต่ละอันแบบ manual ไปเลยครับ
ถ้าไม่กำหนด width ก็ใช้การกำหนด padding-left และ padding-right แทน
|
|
|
|
|
Date :
2013-03-05 05:39:04 |
By :
cookiephp |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ผมลองเอาออกแล้วไม่แสดงผลครับ
มีตัวอย่างการกำหนด padding-left และ padding-right ไหมครับ
|
|
|
|
|
Date :
2013-03-05 08:11:53 |
By :
okboou |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 04
|