else B_MI.style.left=Book_Image_Width+1+"px"; B_MI.src=B_RI.src; B_MI.lnk=B_RI.lnk; setTimeout"Book_Next_Delay",Book_NextPage_Delay} else setTimeout"BookImages",50} else setTimeout"BookI
Trang 1<body bgcolor="#FFFFFF" background="#B2A4FF"
marginwidth="0" leftmargin="0" onload="ImageBook()">
<table border="0" width="619" cellspacing="0" cellpadding="0">
<tr>
<td width="619" valign="middle" align="left">
< align="left"><! webbot bot="HTMLMarkup" startspan ><script
type="text/javascript">/*(c) Ger Versluis 2003*/
/********************************************************
Create a div with transparent place holder in your html
<div id="Book" style="position:relative">
<img src="Dynamic Drive DHTML Scripts- Book Flip
Slideshow\placeholder.gif" width="144" height="227">
</div>
width = 2*book image width +4 height = book image height+2
Insert onload in body tag
<body onload="ImageBook()">
*********************************************************/
// 7 variables to control behavior
var Book_Image_Width=205;
var Book_Image_Height=285;
var Book_Border=true;
var Book_Border_Color="gray";
var Book_Speed=15;
var Book_NextPage_Delay=1500;
var Book_Vertical_Turn=0;
// array to specify images and optional links At least 4
// If Link is not needed keep it ""
Book_Image_Sources=new Array(
"http://caobang83.violet.vn/uploads/resources/blog/727978/anhdep1.jpg"," http://caobang83.violet.vn",
"http://caobang83.violet.vn/uploads/resources/blog/727978/anhdep2_500.jp g","http://caobang83.violet.vn",
"http://caobang83.violet.vn/uploads/resources/blog/727978/anhdep3.jpg"," http://caobang83.violet.vn",
"http://caobang83.violet.vn/uploads/resources/blog/727978/anhdep4_500.jp g","http://caobang83.violet.vn" // NOTE No comma after last line
);
/***************** DO NOT EDIT BELOW **********************************/ var B_LI,B_MI,B_RI,B_TI,B_Angle=0,B_CrImg=6,B_MaxW,B_Direction=1;
var B_MSz,B_Stppd=false;B_Pre_Img=new Array(Book_Image_Sources.length); function ImageBook(){
if(document.getElementById){
for(i=0;i<Book_Image_Sources.length;i+=2){
B_Pre_Img[i]=new Image();B_Pre_Img[i].src=Book_Image_Sources[i]}
Book_Div=document.getElementById("Book");
B_LI=document.createElement("img");Book_Div.appendChild(B_LI);
B_RI=document.createElement("img");Book_Div.appendChild(B_RI);
B_MI=document.createElement("img");Book_Div.appendChild(B_MI);
Trang 2B_LI.style.position=B_MI.style.position=B_RI.style.position="absolute"; B_LI.style.zIndex=B_RI.style.zIndex=0;B_MI.style.zIndex=1;
B_LI.style.top=(Book_Vertical_Turn?Book_Image_Height+1:0)+"px";
B_LI.style.left=0+"px";
B_MI.style.top=0+"px";
B_MI.style.left=(Book_Vertical_Turn?0:Book_Image_Width+1)+"px";
B_RI.style.top=0+"px";
B_RI.style.left=(Book_Vertical_Turn?0:Book_Image_Width+1)+"px";
B_LI.style.height=Book_Image_Height+"px";
B_MI.style.height=Book_Image_Height+"px";
B_RI.style.height=Book_Image_Height+"px";
B_LI.style.width=Book_Image_Width+"px";
B_MI.style.width=Book_Image_Width+"px";
B_RI.style.width=Book_Image_Width+"px";
if(Book_Border){
B_LI.style.borderStyle=B_MI.style.borderStyle=B_RI.style.borderStyle="so lid";
B_LI.style.borderWidth=1+"px";
B_MI.style.borderWidth=1+"px";
B_RI.style.borderWidth=1+"px";
B_LI.style.borderColor=B_MI.style.borderColor=B_RI.style.borderColor=Boo k_Border_Color}
B_LI.src=B_Pre_Img[0].src;
B_LI.lnk=Book_Image_Sources[1];
B_MI.src=B_Pre_Img[2].src;
B_MI.lnk=Book_Image_Sources[3];
B_RI.src=B_Pre_Img[4].src;
B_RI.lnk=Book_Image_Sources[5];
B_LI.onclick=B_MI.onclick=B_RI.onclick=B_LdLnk;
B_LI.onmouseover=B_MI.onmouseover=B_RI.onmouseover=B_Stp;
B_LI.onmouseout=B_MI.onmouseout=B_RI.onmouseout=B_Rstrt;
BookImages()}}
function BookImages(){
if(!B_Stppd){
if(Book_Vertical_Turn){
B_MSz=Math.abs(Math.round(Math.cos(B_Angle)*Book_Image_Height));
MidOffset=!B_Direction?Book_Image_Height+1:Book_Image_Height-B_MSz; B_MI.style.top=MidOffset+"px";
B_MI.style.height=B_MSz+"px"}
else{ B_MSz=Math.abs(Math.round(Math.cos(B_Angle)*Book_Image_Width)); MidOffset=B_Direction?Book_Image_Width+1:Book_Image_Width-B_MSz;
B_MI.style.left=MidOffset+"px";
B_MI.style.width=B_MSz+"px"}
B_Angle+=Book_Speed/720*Math.PI;
if(B_Angle>=Math.PI/2&&B_Direction){
B_Direction=0;
if(B_CrImg==Book_Image_Sources.length)B_CrImg=0;
B_MI.src=B_Pre_Img[B_CrImg].src;
B_MI.lnk=Book_Image_Sources[B_CrImg+1];
B_CrImg+=2}
if(B_Angle>=Math.PI){
B_Direction=1;
B_TI=B_LI;
B_LI=B_MI;
B_MI=B_TI;
if(Book_Vertical_Turn)B_MI.style.top=0+"px";
Trang 3else B_MI.style.left=Book_Image_Width+1+"px";
B_MI.src=B_RI.src;
B_MI.lnk=B_RI.lnk;
setTimeout("Book_Next_Delay()",Book_NextPage_Delay)}
else setTimeout("BookImages()",50)}
else setTimeout("BookImages()",50)}
function Book_Next_Delay(){
if(B_CrImg==Book_Image_Sources.length)B_CrImg=0;
B_RI.src=B_Pre_Img[B_CrImg].src;
B_RI.lnk=Book_Image_Sources[B_CrImg+1];
B_MI.style.zIndex=2;
B_LI.style.zIndex=1;
B_Angle=0;
B_CrImg+=2;
setTimeout("BookImages()",50)}
function B_LdLnk(){if(this.lnk)window.location.href=this.lnk}
function B_Stp()
{B_Stppd=true;this.style.cursor=this.lnk?"pointer":"default"}
function B_Rstrt(){B_Stppd=false}
</script>
<div id="Book" style="position:relative">
<img src="Dynamic Drive DHTML Scripts- Book Flip
Slideshow\placeholder.gif" width="144" height="227">
</div><! webbot bot="HTMLMarkup" endspan >
</p
</td>
</tr>
</table>[/i][/i][/i]
Code thứ 2
<?xml version="1.0" encoding="ISO-8859-1" ?>
- <adWall3D>
- <category title=" Animals">
<xmlPath src="animals.xml" />
<image src="asset/animals/categoryImage.jpg" />
- <description>
- <![CDATA[
Lorem ipsum dolor sit amet, consectetuer adipiscing elit Praesent euismod nunc id ligula Vivamus ac justo Morbi imperdiet Lorem ipsum dolor sit amet, consectetuer adipiscing elit Pellentesque est eros, viverra quis, pellentesque nec, elementum id, mi
]]>
</description>
</category>
- <category title="Fractals">
<xmlPath src=" fractals.xml" />
Trang 4<image src="asset/fractals/categoryImage.jpg" />
- <description>
- <![CDATA[
Lorem ipsum dolor sit amet, consectetuer adipiscing elit Praesent euismod nunc id ligula Vivamus ac justo Morbi imperdiet Lorem ipsum dolor sit amet, consectetuer adipiscing elit Pellentesque est eros, viverra quis, pellentesque nec, elementum id, mi
]]>
</description>
</category>
- <category title="Spray Art">
<xmlPath src=" sprayart.xml" />
<image src="asset/sprayart/categoryImage.jpg" />
- <description>
- <![CDATA[
Lorem ipsum dolor sit amet, consectetuer adipiscing elit Praesent euismod nunc id ligula Vivamus ac justo Morbi imperdiet Lorem ipsum dolor sit amet, consectetuer adipiscing elit Pellentesque est eros, viverra quis, pellentesque nec, elementum id, mi
]]>
</description>
</category>
- <category title="Flowers">
<xmlPath src=" flowers.xml" />
<image src="asset/flowers/categoryImage.jpg" />
- <description>
- <![CDATA[
Lorem ipsum dolor sit amet, consectetuer adipiscing elit Praesent euismod nunc id ligula Vivamus ac justo Morbi imperdiet Lorem ipsum dolor sit amet, consectetuer adipiscing elit Pellentesque est eros, viverra quis, pellentesque nec, elementum id, mi
]]>
</description>
</category>
</adWall3D>