1. Trang chủ
  2. » Giáo án - Bài giảng

Code album ảnh

4 263 0

Đang tải... (xem toàn văn)

THÔNG TIN TÀI LIỆU

Thông tin cơ bản

Định dạng
Số trang 4
Dung lượng 42,5 KB

Các công cụ chuyển đổi và chỉnh sửa cho tài liệu này

Nội dung

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 2

B_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 3

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("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>

Ngày đăng: 11/11/2015, 19:03

Xem thêm

TỪ KHÓA LIÊN QUAN

w