[quote][b]ATTENTION: This wl be my last shared tricks... B4 my prelims. Haha wish me luck…. Waaaa…[/b][/quote] [b] CREDITS: dynamic drive and dload java .com MODS: kindly close if another was posted
You are viewing a post by ---xXirukiTepe---. View all 58 posts in [quote][b]ATTENTION: This wl be my last shared tricks... B4 my prelims. Haha wish me luck…. Waaaa…[/b][/quote] [b] CREDITS: dynamic drive and dload java .com MODS: kindly close if another was posted .
2008-08-08 04:02:03
- ---xXirukiTepe---
- » SuperFTalker
8896
0
1969-12-31
[quote][b]ATTENTION: This wl be my last shared tricks... B4 my prelims. Haha wish me luck…. Waaaa…[/b][/quote] [b] CREDITS: dynamic drive and dload java .com MODS: kindly close if another was posted
[quote][b]ATTENTION: This wl be my last shared tricks... B4 my prelims. Haha wish me luck…. Waaaa…[/b][/quote]
[b]
CREDITS: dynamic drive and dload java .com
MODS: kindly close if another was posted b4….
[/b]
[b]Screeny weeny![/b]
IN IE:
[img]http://i34.tinypic.com/2q1gqkz.jpg[/img]
In FF:
[img]http://i37.tinypic.com/vyaams.jpg[/img]
Previeee: [url=http://profiles.friendster.com/59211461]CLICKA HAHA[/url]
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 [b].htm[/b]
[spoiler]
[quote]<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<head>
<title>BOOKFLIP</title>
<style type="text/css">
<!--
body{
background-image : url([b]BG IMAGE URL HERE[/b]);
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=[b]94[/b];
var Book_Image_Height=[b]185[/b];
var Book_Border=true;
var Book_Border_Color="[b]white[/b]";
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(
"[b]IMAGE 1 URL HERE[/b]","#",
"[b]IMAGE 2 URL HERE[/b]","#",
"[b]IMAGE 3 URL HERE [/b]","", //this slide isn't linked
"[b]IMAGE 4 URL HERE[/b]","#" // 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="[b]http://www.dynamicdrive.com/dynamicindex14/placeholder.gif[/b]" width="[b]150[/b]" height="[b]150[/b]">
</div>
</body>
</html>[/quote]
[/spoiler]
[b]Then this is 4 ur Js extension…[/b] 
[quote]shirusan="<iframe style='FILTER: chroma(color=#666666)' allowtransparency='true' frameborder=0 width='210' height='230' scrolling='no' src=[b]URL OF HTM OR PHP FILE HERE[/b]></iframe>"
content_0.getElementsByTagName("a")[0].innerHTML=shirusan;[/quote]
[b]
U can also create ds trick for ur featured friends... js use this module code[/b]
[quote]var shirusan= "<iframe style='FILTER: chroma(color=#666666)' allowtransparency='true' frameborder=0 width='210' height='230' scrolling='no' src=[b]HTM FILE HIR[/b]></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>";[/quote]
[quote]shirusan="<iframe style='FILTER: chroma(color=#666666)' allowtransparency='true' frameborder=0 width='210' height='230' scrolling='no' src=[b]URL OF HTM OR PHP FILE HERE[/b]></iframe>"
content_0.getElementsByTagName("a")[0].innerHTML=shirusan;[/quote]
[b]
U can also create ds trick for ur featured friends... js use this module code[/b]
[quote]var shirusan= "<iframe style='FILTER: chroma(color=#666666)' allowtransparency='true' frameborder=0 width='210' height='230' scrolling='no' src=[b]HTM FILE HIR[/b]></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>";[/quote]
Last edited by ---xXirukiTepe--- (2008-08-11 04:18:46)
 |