ทำ ALBUM รูปภาพ สามารถค้นหาภาพได้ แบบ ONLINE

ทำ ALBUM รูปภาพ สามารถค้นหาภาพได้ แบบ ONLINE

ให้คุณ SAVE รูปประกอบไปด้วยครับ ด้านล่างนี้เลยครับ

นำ CODE ด้านล่างไปไว้ที่ <body> ครับ

<SCRIPT LANGUAGE="JavaScript"> var javascript_version = 1.0;</SCRIPT> <SCRIPT LANGUAGE="JavaScript1.1"> javascript_version = 1.1;</SCRIPT> <script language=javascript> self.name = "main"; // names current window as "main" PicVar = 0; function Fix(DatVal, PicVal, TitVal, TxtVal) { this.DatVal = DatVal this.PicVal = PicVal this.TitVal = TitVal this.TxtVal = TxtVal } var SuzyArray = new Array() // เริ่ม CODE ทำการเพิ่ม หรือ ลบ รูปภาพและข้อความใน ALBUM ได้ที่นี่ // CODE ที่มีไว้แก้ไขในบรรทัดด้านล่างเรียงตามบรรทัดด้านล่างนี้ครับ และ การเพิ่มรูปใน ALBUM ก็ทำได้โดยการเพิ่ม CODE บรรทัดด้านล่างต่อๆไป ครับ // SuzyArray[PicVar++] = new Fix("ตรงนี้ให้ใส่วันที่", "ตรงนี้ให้ใส่ URL ของรูปภาพประกอบ.jpg", "ชื่อรูปภาพ", "รายละเอียดเกี่ยวกับรูปภาพ") SuzyArray[PicVar++] = new Fix("10/3/46", "spider.gif", "แมงมุม", "แมงมุมเป็นสิ่งมีชีวิตชนิดหนึ่งที่อยู่บนบก และ มี 8 ขา สามารถทำการชักใยเพื่อดักจับแมลง") SuzyArray[PicVar++] = new Fix("11/3/2546", "dove.gif", "นก", "นกเป็นสิ่งมีชีวิตชนิดหนึ่งที่สามารถบินได้ โดยจะอาศัยอยู่ในรังที่ตัวเองสร้างขึ้นมา") SuzyArray[PicVar++] = new Fix("12/3/2546", "ywings.gif", "ผีเสื้อ", "ผีเสื้อเป็นสิ่งมีชีวิตชนิดหนึ่งที่สามารถบินได้ โดยปีกของมันจะมีลายสวยงาม") SuzyArray[PicVar++] = new Fix("13/3/2546", "winner.gif", "แมว", "แมวเป็นสิ่งมีชีวิตชนิดหนึ่งที่สามารถจะ เดิน วิ่ง นอน ได้ และ มีขนด้วย") SuzyArray[PicVar++] = new Fix("14/3/2546", "xray.gif", "การ X-RAY", " เครื่อง X-RAY เป็นอุปกรณ์ชนิดหนึ่งในโรงพยาบาล") // จบ CODE ทำการเพิ่ม หรือ ลบ รูปภาพและข้อความใน ALBUM last = PicVar - 1; current = 0; function ShowSuzyPic(newpic) { // (not working on some browsers) document.playsound.play(); current = newpic; SelectionBox = document.SuzyForm.SuzyDropdown; SelectionBox.options[current].selected = true; document.getElementById("SuzySpot").innerHTML = '<a href=javascript:SuzyPicRemote("' + SuzyArray[current].PicVal + '","last");><img name="PicShowing" src=' + SuzyArray[current].PicVal + ' border=0></a>'; document.getElementById("Journal").outerHTML = '<div id=journal><br>' + SuzyArray[current].DatVal + '<p style="text-align:justify; text-indent:25px">' + SuzyArray[current].TxtVal + '</div>'; if (document.SuzyForm.WhereView[1].checked) { timerID = setTimeout("SuzyPicRemote(SuzyArray[current].PicVal,'current')",1000) } } function RandomSuzyPic() { randompic = Math.floor(Math.random()*PicVar); last = current; ShowSuzyPic(randompic); } function PreviousSuzyPic() { last = current; current--; if(current<0) current = PicVar - 1; ShowSuzyPic(current); } function NextSuzyPic() { last = current; TotalImages = document.SuzyForm.SuzyDropdown.options.length; current++; if (current>=PicVar) current = 0; ShowSuzyPic(current); } function SuzyPicRemote(picName,whichPic) { ShowingImage = new Image(); ShowingImage.src = picName; wid = ShowingImage.width + 50; hei = ShowingImage.height + 50; if (wid < 30 || hei < 30) { wid=650; hei=490; } if (screen.width < wid || screen.height < hei) { wid = screen.width - 50; hei = screen.height - 50; } OpenWindow = window.open("http://www.kitykity.com/photoalbum/clear.html", "remoteWin", "resizable=1, scrollbars=1, toolbar=0, left=15, top=10, width=" + wid + ", height=" + hei); OpenWindow.document.write('<html><body background=parchment.jpg><center><img src=' + picName + '></center></body></html>'); OpenWindow.document.close(); } function FindPic() { TotalFound = 0; SearchString = document.SuzyForm.SearchWord.value; SearchString = SearchString.toLowerCase(); WriteResults = window.open("clear.html","resultwindow","height=300, width=300, toolbar=0, status=0, menubar=0, resizable=1, scrollbars=1"); WriteResults.document.open(); WriteResults.document.write('<div style="text-align:center; font:8pt Ms Sans Serif">' + 'คำที่คุณค้นหาคือ : <b>' + SearchString + '</b><br><br><b>ผลการค้นหามีดังนี้</b><br>'); for (loop=0; loop < PicVar ; loop++) { Keyword = SuzyArray[loop].TxtVal; Keyword = Keyword.toLowerCase(); URL = SuzyArray[loop].PicVal; title = SuzyArray[loop].TitVal; title = title.toLowerCase(); SearchResult = Keyword.indexOf(SearchString); SearchResult2 = title.indexOf(SearchString); if (SearchResult != "-1" || SearchResult2 != "-1") { last = current; WriteResults.document.write('<br><a href=javascript:ShowSuzyPic(' + loop + '); target="main">' + title + '</a>'); TotalFound++; } } WriteResults.document.write('<p><b>พบทั้งสิ้น ' + TotalFound + ' รายการ</b>'); WriteResults.document.close(); if(javascript_version > 1.0) { setTimeout('WriteResults.focus();',250); } } // --> </script> <center> <form name="SuzyForm">  <table border=0><tr><td> <table style="padding:0px; margin:0px" border=0 cellspacing=0><tr align=center>  <td bgcolor=f9f9f9 style="background-image: url('parchment.jpg'); background-repeat: repeat; background-attachment: scroll; width: 275px; border-left: 4px groove #888888; border-top: 2px groove #888888; border-bottom: 4px groove #888888; margin: 0px; padding: 10px; background-position: 0% 50%"> <div id="SuzySpot"> <script language=javascript> document.write('<a href=javascript:SuzyPicRemote("' + SuzyArray[current].PicVal + '","last");><img name="PicShowing" src=' + SuzyArray[current].PicVal + ' border=0></a>'); </script> </div> </td>  <td style="background-image: url('parchmentring.jpg'); background-repeat: repeat; background-attachment: scroll; width: 36px; border-top: 2px groove #888888; border-bottom: 4px groove #888888; background-position: 0% 50%" border=0> </td>  <td style="background-image: url('parchment.jpg'); background-repeat: repeat; background-attachment: scroll; width: 225px; font-style: normal; font-variant: normal; font-weight: normal; font-size: 8pt; font-family: verdana; color: #000044; border-right: 4px groove #888888; border-top: 2px groove #888888; border-bottom: 4px groove #888888; margin-left: 0px; padding-left: 5px; padding-right: 20px; padding-top: 5px; padding-bottom: 5px; background-position: 0% 50%" valign=top> <div id="Journal"> <script language=javascript> document.write('<br>' + SuzyArray[current].DatVal + '<p style="text-align:justify; text-indent:25px">' + SuzyArray[current].TxtVal); </script> </div> </td> </tr></table>  </center> <p> <br>  <center> <table border=0><tr align=center><td> <input type=button value="<===" onClick="PreviousSuzyPic();" style="font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; font-family: Microsoft Sans Serif; text-align: center; color: #0000FF; background-color: #FFFFCC; border-style: dotted; border-color: #FF0000"> <input type=button value="สุ่มเอา" onClick="RandomSuzyPic();" style="font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; font-family: Microsoft Sans Serif; color: #0000FF; background-color: #FFFFCC; border-style: dotted; border-color: #FF0000"> <input type=button value="===>" onClick="NextSuzyPic();" style="font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; font-family: Microsoft Sans Serif; text-align: center; color: #0000FF; background-color: #FFFFCC; border-style: dotted; border-color: #FF0000"><br> <SELECT size=12 style='font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; font-family: Microsoft Sans Serif; color: #FF0000; background-color: #FFFF99; border-style: dashed; border-color: #800080' name='SuzyDropdown' onChange='ShowSuzyPic(SuzyForm.SuzyDropdown.options.selectedIndex);'> <script language=javascript> TotalImages = PicVar; for (loop=0; loop < TotalImages; loop++) { document.write("<option value=" + SuzyArray[loop].PicVal + ">" + SuzyArray[loop].TitVal + "</option>"); } </script> </SELECT> </td>   <td style="padding-left:25px; font:8pt verdana"> <p align="center"><font face="MS Sans Serif" size="1" color="#0000FF"><u>เลือกรูปแบบการแสดงรูปภาพเวลาคลิ๊ก</u></font></p> <p style="text-align:left"><font face="MS Sans Serif" size="1"><input type=radio name="WhereView" value="chkLocal" CHECKED>- View pictures in this window. <br><input type=radio name="WhereView" value="chkRemote">- View pictures in remote window.</font></p>   <p><font face="MS Sans Serif" size="1"><u><font color="#0000FF">ค้นหารูปภาพ<br> </font></u> <br><input name="SearchWord" size=19 style="font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; font-family: Microsoft Sans Serif; color: #FF0000; background-color: #CCFFCC; border-style: dotted; border-color: #000000"> <br> <input type="button" value="ค้นหา" onClick="javascript:FindPic();" style="font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; font-family: Microsoft Sans Serif; color: #000000; background-color: #C0C0C0; border-style: solid; border-color: #0000FF"> </font>  </td></tr></table> </td></tr></table> </FORM>  <font face="MS Sans Serif" size="1" color="#FF0000"> <b> <SCRIPT Language="Javascript"> document.write("ใน ALBUM ชุดนี้มีรูปภาพอยู่ " + PicVar + " รูป และ มีการปรับปรุงครั้งล่าสุดเมื่อ " + document.lastModified +""); </script> </b> </font>