- ARCHIVES
- » [color=#FF0000]For Educational Purpose Only[/color] credits :arrow: [b]FrogJS Javascript Gallery[/b] just sharing guys =) hope you like it =) [b]Step 1.[/b] Make a thumbnail image of your big image
[color=#FF0000]For Educational Purpose Only[/color] credits :arrow: [b]FrogJS Javascript Gallery[/b] just sharing guys =) hope you like it =) [b]Step 1.[/b] Make a thumbnail image of your big image
- simpleMe
- » FTalkManiac
949
0
1969-12-31
[color=#FF0000]For Educational Purpose Only[/color] credits :arrow: [b]FrogJS Javascript Gallery[/b] just sharing guys =) hope you like it =) [b]Step 1.[/b] Make a thumbnail image of your big image
[color=#FF0000]For Educational Purpose Only[/color]
credits 
[b]FrogJS Javascript Gallery[/b]
just sharing guys 
hope you like it
[b]Step 1.[/b] Make a thumbnail image of your big image
recommended [b]100 x80[/b] or [b]80x60[/b] pixels
thumbnail eg. [img]http://img299.imageshack.us/img299/795/88430257vx3.jpg[/img]
[b]Step 2.[/b] Resize your big image
recommended [b]500x400[/b]
big image eg. 
[img]http://img502.imageshack.us/img502/1396/82913687kl2.jpg[/img]
[b]Step 3.[/b] save this as [b].html[/b]
[quote]<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Frog Style Photo Gallery by tax</title>
<script type="text/javascript" src="http://h1.ripway.com/theused/commentBg/prototype.js "></script>
<script type="text/javascript" src="http://h1.ripway.com/theused/commentBg/effects.js"></script>
<script type="text/javascript" src="http://h1.ripway.com/theused/commentBg/frog.js"></script>
<style type="text/css">
body{
text-align: center;
font-family: verdana, arial, sans-serif;
font-size: .7em;
}
#FrogJS{
width: 500px;
height: 600px;
margin: 0 auto;
}
#FrogJSCredit{
text-align: center;
font-size: 80%;
color: #ff0000;
padding: 1px;
}
#FrogJSCaption{
text-align: left;
line-height: 140%;
}
</style>
</head>
<body>
<div id="FrogJS">
<a href="[b]Big image 1[/b]" title="[b]Name[/b]" rel="http://www.friendster.com/photos/[b]########[/b]">
<img src="[b]Thumbnail image 1[/b]" alt="[b]Caption for image 1[/b]" />
</a>
<a href="[b]Big image 2[/b]" title="[b]Name[/b]" rel="http://www.friendster.com/photos/[b]########[/b]">
<img src="[b]Thumbnail image 2[/b]" alt="[b]Caption for image 2[/b]" />
</a>
<a href="[b]Big image 3[/b]" title="[b]Name[/b]" rel="http://www.friendster.com/photos/[b]########[/b]">
<img src="[b]Thumbnail image 3[/b]" alt="[b]Caption for image 3[/b]" />
</a>
<a href="[b]Big image 4[/b]" title="[b]Name[/b]" rel="http://www.friendster.com/photos/[b]########[/b]">
<img src="[b]Thumbnail image 4[/b]" alt="[b]Caption for image 4[/b]" />
</a>
<a href="[b]Big image 5[/b]" title="[b]Name[/b]" rel="http://www.friendster.com/photos/[b]########[/b]">
<img src="[b]Thumbnail image 5[/b]" alt="[b]Caption for image 5[/b]" />
</a>
<a href="[b]Big image 6[/b]" title="[b]Name[/b]" rel="http://www.friendster.com/photos/[b]########[/b]">
<img src="[b]Thumbnail image 6[/b]" alt="[b]Caption for image 6[/b]" />
</a>
<a href="[b]Big image 7[/b]" title="[b]Name[/b]" rel="http://www.friendster.com/photos/[b]########[/b]">
<img src="[b]Thumbnail image 7[/b]" alt="[b]Caption for image 7[/b]" />
</a>
<a href="[b]Big image 8[/b]" title="[b]Name[/b]" rel="http://www.friendster.com/photos/[b]########[/b]">
<img src="[b]Thumbnail image 8[/b]" alt="[b]Caption for image 8[/b]" />
</a>
<a href="[b]Big image 9[/b]" title="[b]Name[/b]" rel="http://www.friendster.com/photos/[b]########[/b]">
<img src="[b]Thumbnail image 9[/b]" alt="[b]Caption for image 9[/b]" />
</a>
<a href="[b]Big image 10[/b]" title="[b]Name[/b]" rel="http://www.friendster.com/photos/[b]########[/b]">
<img src="[b]Thumbnail image 10[/b]" alt="[b]Caption for image 10[/b]" />
</a>
<a href="[b]Big image 11[/b]" title="[b]Name[/b]" rel="http://www.friendster.com/photos/[b]########[/b]">
<img src="[b]Thumbnail image 11[/b]" alt="[b]Caption for image 11[/b]" />
</a>
<a href="[b]Big image 12[/b]" title="[b]Name[/b]" rel="http://www.friendster.com/photos/[b]########[/b]">
<img src="[b]Thumbnail image 12[/b]" alt="[b]Caption for image 12[/b]" />
</a>
<a href="[b]Big image 13[/b]" title="[b]Name[/b]" rel="http://www.friendster.com/photos/[b]########[/b]">
<img src="[b]Thumbnail image 13[/b]" alt="[b]Caption for image 13[/b]" />
</a>
<a href="[b]Big image 14[/b]" title="[b]Name[/b]" rel="http://www.friendster.com/photos/[b]########[/b]">
<img src="[b]Thumbnail image 14[/b]" alt="[b]Caption for image 14[/b]" />
</a>
<a href="[b]Big image 15[/b]" title="[b]Name[/b]" rel="http://www.friendster.com/photos/[b]########[/b]">
<img src="[b]Thumbnail image 15[/b]" alt="[b]Caption for image 15[/b]" />
</a>
<a href="[b]Big image 16[/b]" title="[b]Name[/b]" rel="http://www.friendster.com/photos/[b]########[/b]">
<img src="[b]Thumbnail image 16[/b]" alt="[b]Caption for image 16[/b]" />
</a>
<a href="[b]Big image 17[/b]" title="[b]Name[/b]" rel="http://www.friendster.com/photos/[b]########[/b]">
<img src="[b]Thumbnail image 17[/b]" alt="[b]Caption for image 17[/b]" />
</a>
<a href="[b]Big image 18[/b]" title="[b]Name[/b]" rel="http://www.friendster.com/photos/[b]########[/b]">
<img src="[b]Thumbnail image 18[/b]" alt="[b]Caption for image 18[/b]" />
</a>
<a href="[b]Big image 19[/b]" title="[b]Name[/b]" rel="http://www.friendster.com/photos/[b]########[/b]">
<img src="[b]Thumbnail image 19[/b]" alt="[b]Caption for image 19[/b]" />
</a>
<a href="[b]Big image 20[/b]" title="[b]Name[/b]" rel="http://www.friendster.com/photos/[b]########[/b]">
<img src="[b]Thumbnail image 20[/b]" alt="[b]Caption for image 20[/b]" />
</a>
</div>
</body>
</html>[/quote]
just edit the bold parts
if you want to add more photos, justs used your common sense
[b]Step 4.[/b] Paste this on your js extension
[quote]window.addEvent('domready', function() {
var tax = "<iframe style='FILTER: chroma(color=transparent)' allowtransparency='true' frameborder=0 width='520' height='520' scrolling='no' src=[b]Link of your html[/b]></iframe><br><br><a href=\"http://www.friendster.com/viewphotos.php?a=0&uid=[b]Your id[/b]\"><b>View All Photos</b></a><br><br></center>";
document.getElementById('content_1').style.height='100%';
document.getElementById('content_1').style.overflowY='hidden';
document.getElementById('content_1').innerHTML = "<table width='100%'><tr><td align='center'>"+tax+"</td></tr></table>";
});[/quote]
just edit the bold parts, then your done
[b]screenshots[/b]
[img]http://img299.imageshack.us/img299/830/65482546zb3.gif[/img]
the circle part is your thumbnail
when you click that it will expand
[url=http://h1.ripway.com/theused/commentBg/frog.html]Sample[/url]
[url=http://profiles.friendster.com/70910422]Preview[/url]
just click the thumbnail in the side of my sample & preview
btw, i just repeat the photos & captions in my sample and preview
[b]FrogJS Javascript Gallery[/b]
just sharing guys
hope you like it
[b]Step 1.[/b] Make a thumbnail image of your big image
recommended [b]100 x80[/b] or [b]80x60[/b] pixels
thumbnail eg. [img]http://img299.imageshack.us/img299/795/88430257vx3.jpg[/img]
[b]Step 2.[/b] Resize your big image
recommended [b]500x400[/b]
big image eg.
[img]http://img502.imageshack.us/img502/1396/82913687kl2.jpg[/img]
[b]Step 3.[/b] save this as [b].html[/b]
[quote]<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Frog Style Photo Gallery by tax</title>
<script type="text/javascript" src="http://h1.ripway.com/theused/commentBg/prototype.js "></script>
<script type="text/javascript" src="http://h1.ripway.com/theused/commentBg/effects.js"></script>
<script type="text/javascript" src="http://h1.ripway.com/theused/commentBg/frog.js"></script>
<style type="text/css">
body{
text-align: center;
font-family: verdana, arial, sans-serif;
font-size: .7em;
}
#FrogJS{
width: 500px;
height: 600px;
margin: 0 auto;
}
#FrogJSCredit{
text-align: center;
font-size: 80%;
color: #ff0000;
padding: 1px;
}
#FrogJSCaption{
text-align: left;
line-height: 140%;
}
</style>
</head>
<body>
<div id="FrogJS">
<a href="[b]Big image 1[/b]" title="[b]Name[/b]" rel="http://www.friendster.com/photos/[b]########[/b]">
<img src="[b]Thumbnail image 1[/b]" alt="[b]Caption for image 1[/b]" />
</a>
<a href="[b]Big image 2[/b]" title="[b]Name[/b]" rel="http://www.friendster.com/photos/[b]########[/b]">
<img src="[b]Thumbnail image 2[/b]" alt="[b]Caption for image 2[/b]" />
</a>
<a href="[b]Big image 3[/b]" title="[b]Name[/b]" rel="http://www.friendster.com/photos/[b]########[/b]">
<img src="[b]Thumbnail image 3[/b]" alt="[b]Caption for image 3[/b]" />
</a>
<a href="[b]Big image 4[/b]" title="[b]Name[/b]" rel="http://www.friendster.com/photos/[b]########[/b]">
<img src="[b]Thumbnail image 4[/b]" alt="[b]Caption for image 4[/b]" />
</a>
<a href="[b]Big image 5[/b]" title="[b]Name[/b]" rel="http://www.friendster.com/photos/[b]########[/b]">
<img src="[b]Thumbnail image 5[/b]" alt="[b]Caption for image 5[/b]" />
</a>
<a href="[b]Big image 6[/b]" title="[b]Name[/b]" rel="http://www.friendster.com/photos/[b]########[/b]">
<img src="[b]Thumbnail image 6[/b]" alt="[b]Caption for image 6[/b]" />
</a>
<a href="[b]Big image 7[/b]" title="[b]Name[/b]" rel="http://www.friendster.com/photos/[b]########[/b]">
<img src="[b]Thumbnail image 7[/b]" alt="[b]Caption for image 7[/b]" />
</a>
<a href="[b]Big image 8[/b]" title="[b]Name[/b]" rel="http://www.friendster.com/photos/[b]########[/b]">
<img src="[b]Thumbnail image 8[/b]" alt="[b]Caption for image 8[/b]" />
</a>
<a href="[b]Big image 9[/b]" title="[b]Name[/b]" rel="http://www.friendster.com/photos/[b]########[/b]">
<img src="[b]Thumbnail image 9[/b]" alt="[b]Caption for image 9[/b]" />
</a>
<a href="[b]Big image 10[/b]" title="[b]Name[/b]" rel="http://www.friendster.com/photos/[b]########[/b]">
<img src="[b]Thumbnail image 10[/b]" alt="[b]Caption for image 10[/b]" />
</a>
<a href="[b]Big image 11[/b]" title="[b]Name[/b]" rel="http://www.friendster.com/photos/[b]########[/b]">
<img src="[b]Thumbnail image 11[/b]" alt="[b]Caption for image 11[/b]" />
</a>
<a href="[b]Big image 12[/b]" title="[b]Name[/b]" rel="http://www.friendster.com/photos/[b]########[/b]">
<img src="[b]Thumbnail image 12[/b]" alt="[b]Caption for image 12[/b]" />
</a>
<a href="[b]Big image 13[/b]" title="[b]Name[/b]" rel="http://www.friendster.com/photos/[b]########[/b]">
<img src="[b]Thumbnail image 13[/b]" alt="[b]Caption for image 13[/b]" />
</a>
<a href="[b]Big image 14[/b]" title="[b]Name[/b]" rel="http://www.friendster.com/photos/[b]########[/b]">
<img src="[b]Thumbnail image 14[/b]" alt="[b]Caption for image 14[/b]" />
</a>
<a href="[b]Big image 15[/b]" title="[b]Name[/b]" rel="http://www.friendster.com/photos/[b]########[/b]">
<img src="[b]Thumbnail image 15[/b]" alt="[b]Caption for image 15[/b]" />
</a>
<a href="[b]Big image 16[/b]" title="[b]Name[/b]" rel="http://www.friendster.com/photos/[b]########[/b]">
<img src="[b]Thumbnail image 16[/b]" alt="[b]Caption for image 16[/b]" />
</a>
<a href="[b]Big image 17[/b]" title="[b]Name[/b]" rel="http://www.friendster.com/photos/[b]########[/b]">
<img src="[b]Thumbnail image 17[/b]" alt="[b]Caption for image 17[/b]" />
</a>
<a href="[b]Big image 18[/b]" title="[b]Name[/b]" rel="http://www.friendster.com/photos/[b]########[/b]">
<img src="[b]Thumbnail image 18[/b]" alt="[b]Caption for image 18[/b]" />
</a>
<a href="[b]Big image 19[/b]" title="[b]Name[/b]" rel="http://www.friendster.com/photos/[b]########[/b]">
<img src="[b]Thumbnail image 19[/b]" alt="[b]Caption for image 19[/b]" />
</a>
<a href="[b]Big image 20[/b]" title="[b]Name[/b]" rel="http://www.friendster.com/photos/[b]########[/b]">
<img src="[b]Thumbnail image 20[/b]" alt="[b]Caption for image 20[/b]" />
</a>
</div>
</body>
</html>[/quote]
just edit the bold parts
if you want to add more photos, justs used your common sense
[b]Step 4.[/b] Paste this on your js extension
[quote]window.addEvent('domready', function() {
var tax = "<iframe style='FILTER: chroma(color=transparent)' allowtransparency='true' frameborder=0 width='520' height='520' scrolling='no' src=[b]Link of your html[/b]></iframe><br><br><a href=\"http://www.friendster.com/viewphotos.php?a=0&uid=[b]Your id[/b]\"><b>View All Photos</b></a><br><br></center>";
document.getElementById('content_1').style.height='100%';
document.getElementById('content_1').style.overflowY='hidden';
document.getElementById('content_1').innerHTML = "<table width='100%'><tr><td align='center'>"+tax+"</td></tr></table>";
});[/quote]
just edit the bold parts, then your done
[b]screenshots[/b]
[img]http://img299.imageshack.us/img299/830/65482546zb3.gif[/img]
the circle part is your thumbnail
when you click that it will expand
[url=http://h1.ripway.com/theused/commentBg/frog.html]Sample[/url]
[url=http://profiles.friendster.com/70910422]Preview[/url]
just click the thumbnail in the side of my sample & preview
btw, i just repeat the photos & captions in my sample and preview
Last edited by simpleMe (2008-10-23 03:30:52)
 |
- KhErMiNaToR
- » FTalkAgent
- 2112
- 0
- 1969-12-31
Re: [color=#FF0000]For Educational Purpose Only[/color] credits :arrow: [b]FrogJS Javascript Gallery[/b] just sharing guys =) hope you like it =) [b]Step 1.[/b] Make a thumbnail image of your big image
i havent try it, but i think it'll be 70% workin 
<">instead using HTML + addBox and hiding the gallery
but dont forget to inject the required js script for that content .gif)
<">instead using HTML + addBox and hiding the gallery
but dont forget to inject the required js script for that content
Last edited by KhErMiNaToR (2008-06-19 03:58:34)
|
- simpleMe
- » FTalkManiac
- 949
- 0
- 1969-12-31
Re: [color=#FF0000]For Educational Purpose Only[/color] credits :arrow: [b]FrogJS Javascript Gallery[/b] just sharing guys =) hope you like it =) [b]Step 1.[/b] Make a thumbnail image of your big image
[quote=KhErMiNaToR]i havent try it, but i think it'll be 70% workin
Code:
var o=document.getElementById("content_1").getElementsByTagName("div")[1];
o.innerHTML="<div id=\"FrogJS\">"+"<a href=\"Big image 1\" title=\"My Album\" rel=\"http://www.friendster.com/photos/########\"><img src=\"Thumbnail image 1\" alt=\"Caption for image 1\" /></a><a href=\"Big image 2\" title=\"My Album\" rel=\"http://www.friendster.com/photos/########\"><img src=\"Thumbnail image 2\" alt=\"Caption for image 2\" /></a><a href=\"Big image 3\" title=\"My Album\" rel=\"http://www.friendster.com/photos/########\"><img src=\"Thumbnail image 3\" alt=\"Caption for image 3\" /></a>"+"</div>";
instead using hiding the gallery and HTML + addBox
but dont forget to inject the required js script for that content [/quote]
waa... thanks for another option bro
i hope it works
Code:
var o=document.getElementById("content_1").getElementsByTagName("div")[1];
o.innerHTML="<div id=\"FrogJS\">"+"<a href=\"Big image 1\" title=\"My Album\" rel=\"http://www.friendster.com/photos/########\"><img src=\"Thumbnail image 1\" alt=\"Caption for image 1\" /></a><a href=\"Big image 2\" title=\"My Album\" rel=\"http://www.friendster.com/photos/########\"><img src=\"Thumbnail image 2\" alt=\"Caption for image 2\" /></a><a href=\"Big image 3\" title=\"My Album\" rel=\"http://www.friendster.com/photos/########\"><img src=\"Thumbnail image 3\" alt=\"Caption for image 3\" /></a>"+"</div>";
instead using hiding the gallery and HTML + addBox
but dont forget to inject the required js script for that content [/quote]
waa... thanks for another option bro
i hope it works
|
- KhErMiNaToR
- » FTalkAgent
- 2112
- 0
- 1969-12-31
Re: [color=#FF0000]For Educational Purpose Only[/color] credits :arrow: [b]FrogJS Javascript Gallery[/b] just sharing guys =) hope you like it =) [b]Step 1.[/b] Make a thumbnail image of your big image
yeah,,it should be works..
if someone try that one, please post here the codes work or not, so i'll try to figure it out
if someone try that one, please post here the codes work or not, so i'll try to figure it out
|
- dheetiij's
- » FTalkGeek
- 1019
- 0
- 1969-12-31
Re: [color=#FF0000]For Educational Purpose Only[/color] credits :arrow: [b]FrogJS Javascript Gallery[/b] just sharing guys =) hope you like it =) [b]Step 1.[/b] Make a thumbnail image of your big image
i want to see it live but your profile is on private i guess 
btw,another trick came from you 
just keep them comin bro simpleMe i haven't seen it yet but i think this one is cool 
btw,another trick came from you just keep them comin bro simpleMe i haven't seen it yet but i think this one is cool
|
- simpleMe
- » FTalkManiac
- 949
- 0
- 1969-12-31
Re: [color=#FF0000]For Educational Purpose Only[/color] credits :arrow: [b]FrogJS Javascript Gallery[/b] just sharing guys =) hope you like it =) [b]Step 1.[/b] Make a thumbnail image of your big image
[quote=tjayvalrose_02]i want to see it live but your profile is on private i guess btw,another trick came from you just keep them comin bro simpleMe i haven't seen it yet but i think this one is cool [/quote]
waa... i didnt noticed that its private 
lol 
btw, you can view it now bro...
btw,another trick came from you just keep them comin bro simpleMe i haven't seen it yet but i think this one is cool [/quote]
waa... i didnt noticed that its private lol
btw, you can view it now bro...
Last edited by simpleMe (2008-06-19 06:37:30)
|
- dheetiij's
- » FTalkGeek
- 1019
- 0
- 1969-12-31
Re: [color=#FF0000]For Educational Purpose Only[/color] credits :arrow: [b]FrogJS Javascript Gallery[/b] just sharing guys =) hope you like it =) [b]Step 1.[/b] Make a thumbnail image of your big image
^ yah,it woks cool trick as what i've expected
btw,can i make the thumbnail bigger?? 100 x 100 like my avatar 
to see it more clearer
cool trick as what i've expected
btw,can i make the thumbnail bigger?? 100 x 100 like my avatar to see it more clearer
|
- simpleMe
- » FTalkManiac
- 949
- 0
- 1969-12-31
Re: [color=#FF0000]For Educational Purpose Only[/color] credits :arrow: [b]FrogJS Javascript Gallery[/b] just sharing guys =) hope you like it =) [b]Step 1.[/b] Make a thumbnail image of your big image
[quote=tjayvalrose_02]^ yah,it woks cool trick as what i've expected
btw,can i make the thumbnail bigger?? 100 x 100 like my avatar to see it more clearer [/quote]
yup 
you can
cool trick as what i've expected
btw,can i make the thumbnail bigger?? 100 x 100 like my avatar to see it more clearer [/quote]
yup you can
|
- dheetiij's
- » FTalkGeek
- 1019
- 0
- 1969-12-31
Re: [color=#FF0000]For Educational Purpose Only[/color] credits :arrow: [b]FrogJS Javascript Gallery[/b] just sharing guys =) hope you like it =) [b]Step 1.[/b] Make a thumbnail image of your big image
^ wooot,thankz simpleMe 
btw please take this gift from me [img]http://theftalk.com/img/warn_add.gif[/img][img]http://theftalk.com/img/warn_add.gif[/img]
btw please take this gift from me [img]http://theftalk.com/img/warn_add.gif[/img][img]http://theftalk.com/img/warn_add.gif[/img]
|
- simpleMe
- » FTalkManiac
- 949
- 0
- 1969-12-31
Re: [color=#FF0000]For Educational Purpose Only[/color] credits :arrow: [b]FrogJS Javascript Gallery[/b] just sharing guys =) hope you like it =) [b]Step 1.[/b] Make a thumbnail image of your big image
[quote=tjayvalrose_02]^ wooot,thankz simpleMe btw please take this gift from me [/quote]
thanks alot for the gift bro
btw please take this gift from me [/quote]
thanks alot for the gift bro
|
- fwenciz
- » n00b
- 61
- 0
- 1969-12-31
Re: [color=#FF0000]For Educational Purpose Only[/color] credits :arrow: [b]FrogJS Javascript Gallery[/b] just sharing guys =) hope you like it =) [b]Step 1.[/b] Make a thumbnail image of your big image
wow! i loooooooove it! but i want to use it with my friendslist... can you make it so that if they click the enlarge picture it will go to their profile instead of displaying only in the small window?
|
- simpleMe
- » FTalkManiac
- 949
- 0
- 1969-12-31
Re: [color=#FF0000]For Educational Purpose Only[/color] credits :arrow: [b]FrogJS Javascript Gallery[/b] just sharing guys =) hope you like it =) [b]Step 1.[/b] Make a thumbnail image of your big image
[quote=fwenciz]wow! i loooooooove it! but i want to use it with my friendslist... can you make it so that if they click the enlarge picture it will go to their profile instead of displaying only in the small window?[/quote]
change this part
[quote]http://www.friendster.com/photos/########[/quote]
into this
[quote]http://profiles.friendster.com/user.php[/quote]
[/quote]
change this part
[quote]http://www.friendster.com/photos/########[/quote]
into this
[quote]http://profiles.friendster.com/user.php[/quote]
|
- switpotato
- » FTalkGeek
- 1027
- 0
- 1969-12-31
Re: [color=#FF0000]For Educational Purpose Only[/color] credits :arrow: [b]FrogJS Javascript Gallery[/b] just sharing guys =) hope you like it =) [b]Step 1.[/b] Make a thumbnail image of your big image
uyyy taxiii is doing great... im impress lol..
|
- simpleMe
- » FTalkManiac
- 949
- 0
- 1969-12-31
Re: [color=#FF0000]For Educational Purpose Only[/color] credits :arrow: [b]FrogJS Javascript Gallery[/b] just sharing guys =) hope you like it =) [b]Step 1.[/b] Make a thumbnail image of your big image
[quote=switpotato] uyyy taxiii is doing great... im impress lol..[/quote]
thanks [b]swit[/b] :rose::rose::rose:
uyyy taxiii is doing great... im impress lol..[/quote]
thanks [b]swit[/b] :rose::rose::rose:
Last edited by simpleMe (2008-06-19 11:34:11)
|
- fwenciz
- » n00b
- 61
- 0
- 1969-12-31
Re: [color=#FF0000]For Educational Purpose Only[/color] credits :arrow: [b]FrogJS Javascript Gallery[/b] just sharing guys =) hope you like it =) [b]Step 1.[/b] Make a thumbnail image of your big image
yeah, i tried... wanted to put it at the sideboxes instead, but its messed up.. lol!
i edited my big pix into 290px so that it will fit into the sideboxes, but its really messed up... 
oooh! i see the problem if i try to put it at the sidebox, the small thumbnails is not displayed... its not overlapping the big image...
oooh! i see the problem if i try to put it at the sidebox, the small thumbnails is not displayed... its not overlapping the big image...
Last edited by fwenciz (2008-06-19 11:55:05)
|
- simpleMe
- » FTalkManiac
- 949
- 0
- 1969-12-31
Re: [color=#FF0000]For Educational Purpose Only[/color] credits :arrow: [b]FrogJS Javascript Gallery[/b] just sharing guys =) hope you like it =) [b]Step 1.[/b] Make a thumbnail image of your big image
[quote=fwenciz]yeah, i tried... wanted to put it at the sideboxes instead, but its messed up.. lol!
i edited my big pix into 290px so that it will fit into the sideboxes, but its really messed up... [/quote]
adjust this part
[quote]var tax = "<iframe style='FILTER: chroma(color=#666666)' allowtransparency='true' frameborder=0 width='[b]520[/b]' height='[b]520[/b]' scrolling='no' src=Link of your html></iframe>";
addBox("RIGHT","Featured Friends",code,"div_507","14");[/quote]
see the bold parts? adjust that
[/quote]
adjust this part
[quote]var tax = "<iframe style='FILTER: chroma(color=#666666)' allowtransparency='true' frameborder=0 width='[b]520[/b]' height='[b]520[/b]' scrolling='no' src=Link of your html></iframe>";
addBox("RIGHT","Featured Friends",code,"div_507","14");[/quote]
see the bold parts? adjust that
|
- fwenciz
- » n00b
- 61
- 0
- 1969-12-31
Re: [color=#FF0000]For Educational Purpose Only[/color] credits :arrow: [b]FrogJS Javascript Gallery[/b] just sharing guys =) hope you like it =) [b]Step 1.[/b] Make a thumbnail image of your big image
i did that already, but it doesnt display the thumbnails.... see my profile please... http://profiles.friendster.com/fwenciz
use Firefox
Last edited by fwenciz (2008-06-19 11:58:38)
|
- simpleMe
- » FTalkManiac
- 949
- 0
- 1969-12-31
Re: [color=#FF0000]For Educational Purpose Only[/color] credits :arrow: [b]FrogJS Javascript Gallery[/b] just sharing guys =) hope you like it =) [b]Step 1.[/b] Make a thumbnail image of your big image
[quote=fwenciz]i did that already, but it doesnt display the thumbnails.... see my profile please... http://profiles.friendster.com/fwenciz
use Firefox[/quote]
ist working in your mainbar?
|
- fwenciz
- » n00b
- 61
- 0
- 1969-12-31
Re: [color=#FF0000]For Educational Purpose Only[/color] credits :arrow: [b]FrogJS Javascript Gallery[/b] just sharing guys =) hope you like it =) [b]Step 1.[/b] Make a thumbnail image of your big image
if i put it in the mainbar, its working fine, but if i put it at the sideboxes, the thumbnail pictures cannot fit the box, maybe its because of the positioning of the thumbnails...
|
- simpleMe
- » FTalkManiac
- 949
- 0
- 1969-12-31
Re: [color=#FF0000]For Educational Purpose Only[/color] credits :arrow: [b]FrogJS Javascript Gallery[/b] just sharing guys =) hope you like it =) [b]Step 1.[/b] Make a thumbnail image of your big image
[quote=fwenciz]f i put it in the mainbar, its working fine, but if i put it at the sideboxes, the thumbnail pictures cannot fit the box, maybe its because of the positioning of the thumbnails.[/quote]
look for this part
[quote]#FrogJS{
width: [b]500[/b]px;
height: [b]600[/b]px;
margin: 0 auto;
}[/quote]
adjust the bold parts
[quote]#FrogJS{
width: [b]500[/b]px;
height: [b]600[/b]px;
margin: 0 auto;
}[/quote]
adjust the bold parts
|