ถามเรื่องการover mouse เมื่อนำเมาส์ไปวางที่รูปภาพครับ

ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา ถามเรื่องการover mouse เมื่อนำเมาส์ไปวางที่รูปภาพครับ

ถามเรื่องการover mouse เมื่อนำเมาส์ไปวางที่รูปภาพครับ

ตามลิงค์นี้น่ะครับ http://www.modernweddingphuket.com/gallery.php

ตรงที่รูป wedding   event  family พอเอาเมาส์ไปที่รูป รูปจะมีการเปลี่นสีอ่ะครับ ไม่ทราบมีวิธีการยังไงอ่ะครับ



Boy415 02-02-2011 22:04:25

คำแนะนำ และการใช้งาน

สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก


  • ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
  • เปลี่ยน


    ( หรือ เข้าใช้งานผ่าน Social Login )

 ความคิดเห็นที่ 1

 รู้สึกว่า วิธีที่เขาใช้ จะเป้นการสลับรูป คือ จะมีรูป 2 อัน

รูปปกติอันหนึ่ง และก็รูปที่มีสีดำจาง แล้วใช้ javascript สลับรูป
เมื่อเอาเมาส์ไป over
 
ลองเอาวิธีกำหนดโดย css ไปใช้ดู วิธีใช้รูปอันเดียว คือรูปปกติ
แล้วใช้ css จัดการ แทน javascript
 
ตัวอย่าง

 
โค้ดทดสอบ
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<style type="text/css">
div.overswap{
    position:relative;
    display:block;
    width:163px;
    height:206px;
    float:left;
    margin-right:10px;
}
div.overswap div.blacklight{
    position:absolute; 
    background-color:#000000;
    display:block;
    width:163px;
    height:206px;
    left:0;
    top:0;
    z-index:100;
    opacity:0.5;
    filter: alpha(opacity=50);
    cursor:pointer;
}
div.overswap div.blacklight:hover{
    opacity:0;
    filter: alpha(opacity=0);
}
div.overswap  img{
    position:absolute;
    border:0;
    left:0;
    top:0;
}
</style>
<div class="overswap">
<a href="#">
<div class="blacklight"></div>
<img src="http://www.modernweddingphuket.com/images/gallery_banner_back_03.jpg" />
</a>
</div>
<div class="overswap">
<a href="#">
<div class="blacklight"></div>
<img src="http://www.modernweddingphuket.com/images/gallery_banner_back_03.jpg" />
</a>
</div>
<br style="clear:both;" />
 


ninenik 03-02-2011
 ความคิดเห็นที่ 2

ขอบคุณ คุณพี่  Ninenik  มากๆครับ



boy415 03-02-2011 10:42
 ความคิดเห็นที่ 3

พี่ครับรบกวนอีกนิดครับไม่ทราบเค้าใช้เทคนิคอะไรครับ เมื่อคลิกที่ อัลบั๊มแล้วจะมีแกลเลอรี่ ขึ้น ตามลิงค์เลยครับhttp://www.modernweddingphuket.com/gallery.php 

ไม่ทราบต้องทำงัยครับ ดูดีมากครับ



boy415 03-02-2011 14:56
 ความคิดเห็นที่ 4

 เป็น flash

ลองเข้าไปดูในเว็บเขาเลย http://slideshowpro.net/



ninenik 03-02-2011
 ความคิดเห็นที่ 5

ขอบคุณครับพี่



boy415 03-02-2011 16:36
1







สนับสนุนเว็บไซต์เรา จ่ายด้วย Truemoney Wallet
หรือ
Terms of Service | Privacy Policy
Author
2025 © Copyright ninenik.com. All rights reserved.
เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ