friendsterTalk - Friendster Forum

friendsterTalk - Friendster Forum

Welcome guest! Please Login or Register.

Pages: 1 2 3 4

 

  • JavaScript
  •  » BOOK FLIP [Animated Primary Pic]}}}}

#1  2008-08-08 08:02:03

---xXirukiTepe---
---xXirukiTepe---'s display avatar
» SuperFriendster
› Anadipsic en Sarcophilous
Location: KARAKURA TOWN
Registered: 2007-11-01
Posts: 10892
Last visit: Yesterday
Reputation: 1302
Friendster

BOOK FLIP [Animated Primary Pic]}}}}

ATTENTION: This wl be my last shared tricks... B4 my prelims. Haha wish me luck…. Waaaa…


CREDITS: dynamic drive and dload java .com

MODS: kindly close if another was posted b4….



Screeny weeny!

IN IE:


In FF:



Previeee: CLICKA HAHA

Now letz start wd the 1st process…
There are two ways on hw  to create htm file…

Open notepad then paste the codes…
Then upload it in ur file hosting site…

Or create a txt file using ur file hosting site…

Code:

Save as .htm


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<head>
<title>BOOKFLIP</title>





<style type="text/css">

<!--
body{
    background-image : url(BG IMAGE URL HERE);
    background-repeat : repeat;
}
-->
</style>

</head>

<body onload="ImageBook()">
<script type="text/javascript">

/***********************************************
* Book Flip slideshow script- © Ger Versluis 2003
* Permission granted to DynamicDrive.com to feature script
* This notice must stay intact for use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

/********************************************************
    Create a div with transparent place holder in your html   
    <div id="Book" style="position:relative">
        <img src="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=94;
    var Book_Image_Height=185;
    var Book_Border=true;
    var Book_Border_Color="white";
    var Book_Speed=10;
    var Book_NextPage_Delay=1000; //1 second=1000
    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(
        "IMAGE 1 URL HERE","#",
        "IMAGE 2 URL HERE","#",
        "IMAGE 3 URL HERE ","", //this slide isn't linked
                    "IMAGE 4 URL HERE","#" // 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);   
            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="solid";
                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=Book_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";
                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="http://www.dynamicdrive.com/dynamicindex14/placeholder.gif" width="150" height="150">
    </div>



</body>

</html>

Then this is 4 ur Js extension… :O

shirusan="<iframe style='FILTER: chroma(color=#666666)' allowtransparency='true' frameborder=0 width='210' height='230' scrolling='no' src=URL OF HTM OR PHP FILE HERE></iframe>"
content_0.getElementsByTagName("a")[0].innerHTML=shirusan;


U can also create ds trick for ur featured friends... js use this module code

var shirusan= "<iframe style='FILTER: chroma(color=#666666)' allowtransparency='true' frameborder=0 width='210' height='230' scrolling='no' src=HTM FILE HIR></iframe>";
document.getElementById('content_2').style.height='230%';
document.getElementById('content_2').style.overflowY='hidden';
document.getElementById('content_2').innerHTML = "<table  width='210%'><tr><td align='left'>"+shirusan+"</td></tr></table>";

:D

Last edited by ---xXirukiTepe--- (2008-08-11 08:18:46)

-Offline-
 

#2  2008-08-08 08:06:04

Yellow Flash
 Namikaze Minato
Yellow Flash's display avatar
» Banned
› phew......
Location: Konohagakure
Registered: 2008-02-29
Posts: 2406
Last visit: 2009-06-19
Reputation: 143

Re: BOOK FLIP [Animated Primary Pic]}}}}

wow.... again a nc trick... i thought ur prelims is near... bwahahaha... better to study hard than making codes.. hehehe just joking...

anywayzz thnx for this :thumbsup:

Last edited by Yellow Flash (2008-08-08 08:09:45)


-Offline-
 

#3  2008-08-08 08:08:57

---xXirukiTepe---
---xXirukiTepe---'s display avatar
» SuperFriendster
› Anadipsic en Sarcophilous
Location: KARAKURA TOWN
Registered: 2007-11-01
Posts: 10892
Last visit: Yesterday
Reputation: 1302
Friendster

Re: BOOK FLIP [Animated Primary Pic]}}}}

^ thanks haha...

ill shut off now... to start reviewing... wsh me luck.

lolx--- =D

-Offline-
 

#4  2008-08-08 08:12:56

Archerie
 Cherry
Archerie's display avatar
» FriendsterTalker
› maldita gurlz
› Barkada Trip
Location: Cavite
Registered: 2008-08-04
Posts: 186
Last visit: 2009-05-03
Reputation: 25

Re: BOOK FLIP [Animated Primary Pic]}}}}

wow mam whaaata nice trik


join r egroup: JOIN UNDEFEATED SOCIETY

-Offline-
 

#5  2008-08-08 08:15:35

---xXirukiTepe---
---xXirukiTepe---'s display avatar
» SuperFriendster
› Anadipsic en Sarcophilous
Location: KARAKURA TOWN
Registered: 2007-11-01
Posts: 10892
Last visit: Yesterday
Reputation: 1302
Friendster

Re: BOOK FLIP [Animated Primary Pic]}}}}

^ thanks enkzzz... dude...

-Offline-
 

#6  2008-08-08 08:27:10

MONDYking
 monmon
MONDYking's display avatar
» FriendsterTalker
› damn
› Barkada Trip
Location: my love's kingdom
Registered: 2008-01-30
Posts: 173
Last visit: 2009-03-21
Reputation: 12
Friendster

Re: BOOK FLIP [Animated Primary Pic]}}}}

wow so trickkky sis... thanks for sherin..sharin sherin lotssa tricks hwhehehe

ill wait 4u...


-Offline-
 

#7  2008-08-08 08:33:07

tmikejohn
 mike john
tmikejohn's display avatar
» FriendsterTalker
› [Shiva's Guard]
› Singles Goes HOT!
Location: over there....
Registered: 2008-06-24
Posts: 129
Last visit: 2009-06-22
Reputation: 3
Friendster

Re: BOOK FLIP [Animated Primary Pic]}}}}

wow.... a very nice trick....

-Offline-
 

#8  2008-08-08 08:57:46

idiot_goblinz
 budak enchem malaysia
» Promoter
› no ava
Registered: 2007-10-25
Posts: 1115
Reputation: 58

Re: BOOK FLIP [Animated Primary Pic]}}}}

wah... nice trick.. =):thumbsup:
gonna try this quick... =D



p4n+4+ k4w la
 

#9  2008-08-08 12:19:26

athsuka_unknownedreality
 CC
athsuka_unknownedreality's display avatar
» FriendsterNewbie
› Artwork 101
Registered: 2008-05-15
Posts: 78
Last visit: 2009-06-08
Reputation: 3
Friendster

Re: BOOK FLIP [Animated Primary Pic]}}}}

wow.. nishe trix! i like it...^.^

>>>>Ath_su_kA <<<<<




-Offline-
 

#10  2008-08-08 12:20:43

---xXirukiTepe---
---xXirukiTepe---'s display avatar
» SuperFriendster
› Anadipsic en Sarcophilous
Location: KARAKURA TOWN
Registered: 2007-11-01
Posts: 10892
Last visit: Yesterday
Reputation: 1302
Friendster

Re: BOOK FLIP [Animated Primary Pic]}}}}

Thank u dudes... nw ftalk's back after that punbb error.. :wallbash:

-Offline-
 

#11  2008-08-08 12:27:22

03_khine_03
 KHiMMY
03_khine_03's display avatar
» FriendsterGeek
› eLLur :)
› ReNeGaDeS de Alliance
Location: earth malamang :)
Registered: 2007-11-24
Posts: 1331
Reputation: 42
Friendster

Re: BOOK FLIP [Animated Primary Pic]}}}}

so looking elegant sis, Wow...:rose:

Definitely I'm gone :)
 

#12  2008-08-08 12:37:08

Archerie
 Cherry
Archerie's display avatar
» FriendsterTalker
› maldita gurlz
› Barkada Trip
Location: Cavite
Registered: 2008-08-04
Posts: 186
Last visit: 2009-05-03
Reputation: 25

Re: BOOK FLIP [Animated Primary Pic]}}}}

so so nice i tested it nw


join r egroup: JOIN UNDEFEATED SOCIETY

-Offline-
 

#13  2008-08-08 12:40:25

AFZULNIZAM
AFZULNIZAM's display avatar
» Moderator
› Lhyrickz forever
› Friendstertalk University
Registered: 2007-09-14
Posts: 7549
Reputation: 628

Re: BOOK FLIP [Animated Primary Pic]}}}}

yah u again xXirukiTepe...
nice trick you share....
keep on sharing yah...
thanks :thumbsup:
 

#14  2008-08-08 12:41:41

---xXirukiTepe---
---xXirukiTepe---'s display avatar
» SuperFriendster
› Anadipsic en Sarcophilous
Location: KARAKURA TOWN
Registered: 2007-11-01
Posts: 10892
Last visit: Yesterday
Reputation: 1302
Friendster

Re: BOOK FLIP [Animated Primary Pic]}}}}

^ just sharing b4 prelim begins hahah didnt mean it ...kiddin!

thanks... dude

-Offline-
 

#15  2008-08-09 08:14:49

03_khine_03
 KHiMMY
03_khine_03's display avatar
» FriendsterGeek
› eLLur :)
› ReNeGaDeS de Alliance
Location: earth malamang :)
Registered: 2007-11-24
Posts: 1331
Reputation: 42
Friendster

Re: BOOK FLIP [Animated Primary Pic]}}}}

haha gudlak Sis

Definitely I'm gone :)
 

#16  2008-08-09 08:43:30

Archerie
 Cherry
Archerie's display avatar
» FriendsterTalker
› maldita gurlz
› Barkada Trip
Location: Cavite
Registered: 2008-08-04
Posts: 186
Last visit: 2009-05-03
Reputation: 25

Re: BOOK FLIP [Animated Primary Pic]}}}}

tsted looks ok wd IE ehehehe


join r egroup: JOIN UNDEFEATED SOCIETY

-Offline-
 

#17  2008-08-09 09:15:15

---xXirukiTepe---
---xXirukiTepe---'s display avatar
» SuperFriendster
› Anadipsic en Sarcophilous
Location: KARAKURA TOWN
Registered: 2007-11-01
Posts: 10892
Last visit: Yesterday
Reputation: 1302
Friendster

Re: BOOK FLIP [Animated Primary Pic]}}}}

thanks... ur ryt ...it looks better wd IE.... ;]

-Offline-
 

#18  2008-08-11 04:12:10

diansari
 _diansari_
diansari's display avatar
» FriendsterFreak
› _love_??
› LS : The Next Level
Location: in heart him ^^
Registered: 2008-03-23
Posts: 1682
Reputation: 56
Friendster

Re: BOOK FLIP [Animated Primary Pic]}}}}

:o wow
cool tricks :thumbsup: im wanna try it ;)
thanks for this sis :thumbsup:
 

#19  2008-08-11 05:58:04

---xXirukiTepe---
---xXirukiTepe---'s display avatar
» SuperFriendster
› Anadipsic en Sarcophilous
Location: KARAKURA TOWN
Registered: 2007-11-01
Posts: 10892
Last visit: Yesterday
Reputation: 1302
Friendster

Re: BOOK FLIP [Animated Primary Pic]}}}}

^ wow thanks sis. =D

-Offline-
 

#20  2008-08-11 06:08:38

MONDYking
 monmon
MONDYking's display avatar
» FriendsterTalker
› damn
› Barkada Trip
Location: my love's kingdom
Registered: 2008-01-30
Posts: 173
Last visit: 2009-03-21
Reputation: 12
Friendster

Re: BOOK FLIP [Animated Primary Pic]}}}}

bout this plus repuu 4 u mwa

ill wait 4u...


-Offline-
 

 

Pages: 1 2 3 4

  • JavaScript
  •  » BOOK FLIP [Animated Primary Pic]}}}}

Search Friendstertalk

Board footer

FriendsterTalk is not affiliated with Friendster.com
© 2002–2009 PunBB

[ 8 queries - 0.071 second ]
Powered by SyntheticNetwork

FriendsterTalk.com x

Welcome to FriendsterTalk! You'll need to login in order to fully use all the features and view all the sections of this site.

Please register if you're not yet a member. =)