TodayLoad.com <<:Web-Effect+Pic-FlipFlop:>>

::- Example ::-> ตัวอย่าง ภาพ 2 ภาพ Run สลับกัน

+:: Source Code ::+

+:: Descriptions ::+

(1)
- Select All -

<script language="JavaScript" type="text/javascript">

var wdmax=120;          //set maximum width of square image (px)
var wdmin=0;            //set minimum thickness of edge-on image (px)
var inc=5;              //set step change in px (wdmax-wdmin must be a multiple) )These two variables
var rate = 50;          //pause between steps (in millisec)                      )determine flip-flop speed
var pause = 1000;       //pause between flip and flop (in millisec)
var ff="flip";          //initialise whether movement starts with a "flip" (sideways) or "flop" (vertical) change.

function flipflop() {
 if (ff=="flip") {
  var wd = document.getElementById("pic").getAttribute("width");
  wd = wd - inc;
  document.getElementById("pic").setAttribute("width",wd);
  if (wd==wdmin) {
   document.getElementById("pic").setAttribute("src","pic2.gif"); //substitute name of your second picture
   inc=-inc;
   }
  if (wd==wdmax) {
   ff="flop";
   inc=-inc;
   setTimeout("flipflop()",pause);
   }
   else {
   setTimeout("flipflop()",rate);
   }
  }
 else {
  var ht = document.getElementById("pic").getAttribute("height");
  ht = ht - inc;
  document.getElementById("pic").setAttribute("height",ht);
  if (ht==wdmin) {
   document.getElementById("pic").setAttribute("src","pic1.gif"); //substitute name of your first picture
   inc=-inc;
   } 
  if (ht==wdmax) {
   ff="flip";
   inc=-inc;
   setTimeout("flipflop()",pause);
   }
   else {
   setTimeout("flipflop()",rate);
   }
  }
}

-->
</script>

(2)

(1) คลิ๊กไปที่ - Select All - แล้ว Copy Code ไปใช้งาน
โดยวางไว้ระหว่าง Tag <Head> </Head> ดังตัวอย่าง

(2) เพิ่ม onLoad="javascript:flipflop()" ไว้เป็น แอตทริบิวต์ของ Tag <BODY> ตามตัวอย่าง

(3) คลิ๊กไปที่ - Select All - แล้ว Copy Code ไปใช้งาน
โดยวางไว้ระหว่าง Tag <Body> </Body> ดังตัวอย่าง

+:: Tips ::+

ไฟล์ภาพ 2 ภาพที่คุณมี ควรมีขนาดเท่ากัน และ save ไว้ที่เดียวกับไฟล์ html ของคุณ โดยใช้ชื่อว่า
pic1.gif และ pic2.gif โดยภาพมีขนาด 120x120 ถ้าต้องการเปลี่ยนขนาดให้แก้ไขที่ Code ในบรรทัดต่อไปนี้ <IMG src="pic1.gif" width="120" height="120" ID="pic">

::+::- ส่งบทความนี้ ให้เพื่อน -::+::

<<- To ->>

Name
Email

<<- From ->>

Name
Email

- เราขอเป็นศูนย์กลางในการแลกเปลี่ยน เพื่อการพัฒนา -
- Central Of Exchange -

| Main | X-softwares | Softwares | Toys&Jokes | Web-Effects |
| Graphics | Tips&Tricks | Icons | Fonts | Skins | Contact |


	© CopyRight 2001 , TodayLoad.com