- ARCHIVES
- » :arrow: [url=http://profiles.friendster.com/kherminator2]LIVE PREVIEW[/url] :arrow: [b]Credits[/b] :idea: http://www.javascriptkit.com :idea: Me :arrow: [b]Requirements[/b]
Pages: 12
:arrow: [url=http://profiles.friendster.com/kherminator2]LIVE PREVIEW[/url] :arrow: [b]Credits[/b] :idea: http://www.javascriptkit.com :idea: Me :arrow: [b]Requirements[/b]
- KhErMiNaToR
- » FTalkAgent
2112
0
1969-12-31
:arrow: [url=http://profiles.friendster.com/kherminator2]LIVE PREVIEW[/url] :arrow: [b]Credits[/b] :idea: http://www.javascriptkit.com :idea: Me :arrow: [b]Requirements[/b]
[url=http://profiles.friendster.com/kherminator2]LIVE PREVIEW[/url]
[b]Credits[/b]
:idea: http://www.javascriptkit.com
:idea: Me
[b]Requirements[/b]
:idea: patience! (themost important thing 
)
:idea: Image Editor (adobe photoshop, ACDC 8, or http://www.lunapic.com )
:idea: addBox function on ur Js file.
:idea: Hosting site account ( http://www.ripway.com , http://www.photobucket.com )
[align=center][quote]editing image[/quote]
[/align]
resize your friends picture into:
width: 250px
height: 300px
(you can make the image as many as you want / no limit of friends)
upload the image into ur hosting sites (photobucket)
[align=center][quote]Download Script[/quote]
[/align]
click this link to get java script file.
http://h1.ripway.com/kherminator2/backbox.zip
exctract all files and upload the files into your hosting sites (ripway)
[align=center][quote]Making I-Frame (HTML)[/quote]
[/align]
copy HTML script below into ur notepad
[quote]<html>
<head>
<link rel="stylesheet" href="[b]url_backbox.css[/b]" type="text/css" />
<script type="text/javascript" src="[b]url_prototype.compressed.js[/b]"></script>
<script type="text/javascript" src="[b]url_scriptaculous.js[/b]?load=effects"></script>
<script type="text/javascript" src="[b]url_lightbox.js[/b]"></script>
<script type="text/javascript" src="[b]url_dhtmlHistory.js[/b]"></script>
<script type="text/javascript" src="[b]url_customsignsheader.js[/b]"></script>
</head>
<body><center>
<div onclick="dhtmlHistory.add('location1',{message: 'backbox'});countdown()">
<a href="[color=blue]IMAGE_1[/color]" rel="lightbox[slide]" caption="A Bunch of Grapes">
<img src="[color=red]IMAGE_BASE[/color]" alt="lime" width="250" height="300" border="0" /></a>
</div>
<a href="[color=blue]IMAGE_2[/color]" rel="lightbox[slide]" caption="Sunflower"></a>
<a href="[color=blue]IMAGE_3[/color]" rel="lightbox[slide]" caption="Dolphin"></a>
<a href="[color=blue]IMAGE_4[/color]" rel="lightbox[slide]" caption="Waterfall"></a>
</center>
<script type="text/javascript" src="[b]url_customsignsfooter.js[/b]"></script>
</body>
</html>[/quote]
[b]legend:[/b]
[b]bold part[/b] = replace (only) the bold part with js and css file with files that has been uploaded before..
[color=red]RED[/color] = url of base image, on my preview i used this
http://h1.ripway.com/kherminator2/attribute/script/sunset.jpg
[color=blue]BLUE[/color] = url of friends image.
after editing finished, save the file as [b]Galery.html[/b]
then upload the file into ur hosting site (ripway).
[align=center][quote]addBox function[/quote]
[/align]
just compile this script with ur js file..below the onload handler!
function onProfileLoad() { //<------ COPY ONLY IF U DONT HAVE AN ONLOADHANDLER!
[quote]var navarro="<div align='center' id='iframe'>"+
"<iframe src='[b][color=green]URL HTML FILE[/color][/b]' frameborder='no' width='100%' height='400px' overflow='hidden'></iframe>"+
"</div>";
addBox(pageOwnerFName+"'s Friends Gallery",navarro,"photodiv","right");[/quote]
} //<--- END ONLOADHANDLER
[b][i][u]if u dont have an addbox script, use this![/u][/i][/b]
<">note!
on my preview, i dont use friends photo because that just a sample profile...
enjoy it!
Last edited by KhErMiNaToR (2008-02-29 22:26:59)
 |
- blurrycloud
- » FTalkAgent
- 2177
- 0
- 1969-12-31
Re: :arrow: [url=http://profiles.friendster.com/kherminator2]LIVE PREVIEW[/url] :arrow: [b]Credits[/b] :idea: http://www.javascriptkit.com :idea: Me :arrow: [b]Requirements[/b]
be the first to comment..
thanks kher kher
patience is a must 
|
- eehjhay
- » FTalkWhiz
- 2692
- 0
- 1969-12-31
Re: :arrow: [url=http://profiles.friendster.com/kherminator2]LIVE PREVIEW[/url] :arrow: [b]Credits[/b] :idea: http://www.javascriptkit.com :idea: Me :arrow: [b]Requirements[/b]
Nice. I was wondering why backbox is the name of your trick dude? hmmm.. But nice tutorial. A step by step tutorial is great!
|
- KhErMiNaToR
- » FTalkAgent
- 2112
- 0
- 1969-12-31
Re: :arrow: [url=http://profiles.friendster.com/kherminator2]LIVE PREVIEW[/url] :arrow: [b]Credits[/b] :idea: http://www.javascriptkit.com :idea: Me :arrow: [b]Requirements[/b]
[b]eehjhay[/b]
because the name was that..
javascriptkit told me..
if i change the title, javascriptkit will gettin mad...
im just kidding..
truely, that was a javascript for previewing image on webpage..
see this:
http://h1.ripway.com/kherminator2/attribute/script/galery.html
|
- blurrycloud
- » FTalkAgent
- 2177
- 0
- 1969-12-31
Re: :arrow: [url=http://profiles.friendster.com/kherminator2]LIVE PREVIEW[/url] :arrow: [b]Credits[/b] :idea: http://www.javascriptkit.com :idea: Me :arrow: [b]Requirements[/b]
Awww... this is like lightbox effect... and you make it work ... i am amazed...
i tried to make this work before.. but i got stuck...
... i am amazed...
i tried to make this work before.. but i got stuck...
|
- KhErMiNaToR
- » FTalkAgent
- 2112
- 0
- 1969-12-31
Re: :arrow: [url=http://profiles.friendster.com/kherminator2]LIVE PREVIEW[/url] :arrow: [b]Credits[/b] :idea: http://www.javascriptkit.com :idea: Me :arrow: [b]Requirements[/b]
yeah,,you right...
just a lil bit modifications...
|
- blurrycloud
- » FTalkAgent
- 2177
- 0
- 1969-12-31
Re: :arrow: [url=http://profiles.friendster.com/kherminator2]LIVE PREVIEW[/url] :arrow: [b]Credits[/b] :idea: http://www.javascriptkit.com :idea: Me :arrow: [b]Requirements[/b]
my problem before.. i tried to combine lightbox effect with randomized photo of sir feruzz....
but i can't do it.. lols
|
- KhErMiNaToR
- » FTalkAgent
- 2112
- 0
- 1969-12-31
Re: :arrow: [url=http://profiles.friendster.com/kherminator2]LIVE PREVIEW[/url] :arrow: [b]Credits[/b] :idea: http://www.javascriptkit.com :idea: Me :arrow: [b]Requirements[/b]
^ bwahahaha...
that sounds very confusing...
why dont u ask feruzz for help?
why dont u ask feruzz for help?
|
- blurrycloud
- » FTalkAgent
- 2177
- 0
- 1969-12-31
Re: :arrow: [url=http://profiles.friendster.com/kherminator2]LIVE PREVIEW[/url] :arrow: [b]Credits[/b] :idea: http://www.javascriptkit.com :idea: Me :arrow: [b]Requirements[/b]
^ i think sir feruzz.. is so bz.. haha... actually i want to make my idol(sir feruzz) proud.. but for now it's not possible... maybe in few times...
|
- KhErMiNaToR
- » FTalkAgent
- 2112
- 0
- 1969-12-31
Re: :arrow: [url=http://profiles.friendster.com/kherminator2]LIVE PREVIEW[/url] :arrow: [b]Credits[/b] :idea: http://www.javascriptkit.com :idea: Me :arrow: [b]Requirements[/b]
^ i'll be waitin 4 that moment...
|
- blurrycloud
- » FTalkAgent
- 2177
- 0
- 1969-12-31
Re: :arrow: [url=http://profiles.friendster.com/kherminator2]LIVE PREVIEW[/url] :arrow: [b]Credits[/b] :idea: http://www.javascriptkit.com :idea: Me :arrow: [b]Requirements[/b]
^ sure buds...
by the way... thanks for sharing.... thumbsup... handsdown..
|
- babyzchen
- » FTalker
- 264
- 0
- 1969-12-31
Re: :arrow: [url=http://profiles.friendster.com/kherminator2]LIVE PREVIEW[/url] :arrow: [b]Credits[/b] :idea: http://www.javascriptkit.com :idea: Me :arrow: [b]Requirements[/b]
nice trick!
thanks for sharing this one..
i'l try this if i have a time...
thanks for sharing this one..
i'l try this if i have a time...
|
- slashedkite
- » FTalkManiac
- 973
- 0
- 1969-12-31
Re: :arrow: [url=http://profiles.friendster.com/kherminator2]LIVE PREVIEW[/url] :arrow: [b]Credits[/b] :idea: http://www.javascriptkit.com :idea: Me :arrow: [b]Requirements[/b]
it looks interesting..
i'll use this in one of my layouts..
|
- KhErMiNaToR
- » FTalkAgent
- 2112
- 0
- 1969-12-31
Re: :arrow: [url=http://profiles.friendster.com/kherminator2]LIVE PREVIEW[/url] :arrow: [b]Credits[/b] :idea: http://www.javascriptkit.com :idea: Me :arrow: [b]Requirements[/b]
that would be nice...
|
- chrysta may
- » FTalker
- 187
- 0
- 1969-12-31
Re: :arrow: [url=http://profiles.friendster.com/kherminator2]LIVE PREVIEW[/url] :arrow: [b]Credits[/b] :idea: http://www.javascriptkit.com :idea: Me :arrow: [b]Requirements[/b]
there's no preview...
the user's profile is not available...
the user's profile is not available...
|