Post reply

  • ARCHIVES 
  • » [align=center][b]Smooth Gallery[/b] Firstly, a picture worth a thousand word :D [img]http://www.imageox.com/image/330043-2008-07-11.jpg[/img] ====================================== Credits :arrow: [

Pages: 12

[align=center][b]Smooth Gallery[/b] Firstly, a picture worth a thousand word :D [img]http://www.imageox.com/image/330043-2008-07-11.jpg[/img] ====================================== Credits :arrow: [

#1  2008-06-23 10:08:24

unmaskedluke
» FTalkGeek
FTalk Level: zero
1180
0
1969-12-31

[align=center][b]Smooth Gallery[/b] Firstly, a picture worth a thousand word :D [img]http://www.imageox.com/image/330043-2008-07-11.jpg[/img] ====================================== Credits :arrow: [

[align=center][b]Smooth Gallery[/b] Firstly, a picture worth a thousand word :D [img]http://www.imageox.com/image/330043-2008-07-11.jpg[/img] ====================================== Credits :arrow: [b]smoothgallery.jondesign.net[/b] :arrow: [b]SimpleMe[/b] (his [url=http://theftalk.com/t36075-%5BTutorial%5D-Frog-Style-Photo-Gallery-w--Enlarged-Photo-when-click%5D.html]post[/url] give me the idea!) ====================================== [/align] [b]1)[/b] Save this as .html [quote]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <link rel="stylesheet" href="http://unmaskedluke.sitesled.com/smoothgallery/jd.gallery.css" type="text/css" media="screen" charset="utf-8" /> <script src="http://www.ajaxdaddy.com/web20/mootools/smooth-gallery/javascript/mootools.js" type="text/javascript"></script> <script src="http://www.ajaxdaddy.com/web20/mootools/smooth-gallery/javascript/jd.gallery.js" type="text/javascript"></script> </head> <body> <center> <script type="text/javascript"> function startGallery() { var myGallery = new gallery($('myGallery'), { timed: false }); } window.onDomReady(startGallery); </script> <div class="content"> <div id="myGallery"> <div class="imageElement"> <h3>[b]Title here[/b]</h3> <p>[b]Description of title here[/b]</p> <a href="#" title="open image" class="open"></a> <img src="[b]URL OF PHOTO 1[/b]" class="full" /> <img src="[b]THUMBNAIL OF PHOTO 1[/b]" class="thumbnail" /> </div> <div class="imageElement"> <h3>[b]Title here[/b]</h3> <p>[b]Description of title here[/b]</p> <a href="#" title="open image" class="open"></a> <img src="[b]URL OF PHOTO 2[/b]" class="full" /> <img src="[b]THUMBNAIL OF PHOTO 2[/b]" class="thumbnail" /> </div> <div class="imageElement"> <h3>[b]Title here[/b]</h3> <p>[b]Description of title here[/b]</p> <a href="#" title="open image" class="open"></a> <img src="[b]URL OF PHOTO 3[/b]" class="full" /> <img src="[b]THUMBNAIL OF PHOTO 3[/b]" class="thumbnail" /> </div> <div class="imageElement"> <h3>[b]Title here[/b]</h3> <p>[b]Description of title here[/b]</p> <a href="#" title="open image" class="open"></a> <img src="[b]URL OF PHOTO 4[/b]" class="full" /> <img src="[b]THUMBNAIL OF PHOTO 4[/b]" class="thumbnail" /> </div> <div class="imageElement"> <h3>[b]Title here[/b]</h3> <p>[b]Description of title here[/b]</p> <a href="#" title="open image" class="open"></a> <img src="[b]URL OF PHOTO 5[/b]" class="full" /> <img src="[b]THUMBNAIL OF PHOTO 5[/b]" class="thumbnail" /> </div> <div class="imageElement"> <h3>[b]Title here[/b]</h3> <p>[b]Description of title here[/b]</p> <a href="#" title="open image" class="open"></a> <img src="[b]URL OF PHOTO 6[/b]" class="full" /> <img src="[b]THUMBNAIL OF PHOTO 6[/b]" class="thumbnail" /> </div> <div class="imageElement"> <h3>[b]Title here[/b]</h3> <p>[b]Description of title here[/b]</p> <a href="#" title="open image" class="open"></a> <img src="[b]URL OF PHOTO 7[/b]" class="full" /> <img src="[b]THUMBNAIL OF PHOTO 7[/b]" class="thumbnail" /> </div> <div class="imageElement"> <h3>[b]Title here[/b]</h3> <p>[b]Description of title here[/b]</p> <a href="#" title="open image" class="open"></a> <img src="[b]URL OF PHOTO 8[/b]" class="full" /> <img src="[b]THUMBNAIL OF PHOTO 8[/b]" class="thumbnail" /> </div> </div> </div> </center> </body> </html>[/quote] You can delete this part if you don't want any description of ur photo. [quote]<p>[b]Description of title here[/b]</p>[/quote] Recommended image size : 460x345 Recommended thumbnail size : 100x75 U can use the same image size for the thumbnail if u r too lazy to resize it. =) U can add more photo by adding this [quote]<div class="imageElement"> <h3>[b]Title here[/b]</h3> <p>[b]Description of title here[/b]</p> <a href="#" title="open image" class="open"></a> <img src="[b]URL OF PHOTO[/b]" class="full" /> <img src="[b]THUMBNAIL OF PHOTO[/b]" class="thumbnail" /> </div>[/quote] How to add? Hit the spoiler! [spoiler]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <link rel="stylesheet" href="http://unmaskedluke.sitesled.com/smoothgallery/jd.gallery.css" type="text/css" media="screen" charset="utf-8" /> <script src="http://unmaskedluke.sitesled.com/smoothgallery/mootools.js" type="text/javascript"></script> <script src="http://unmaskedluke.sitesled.com/smoothgallery/jd.gallery.js" type="text/javascript"></script> </head> <body> <center> <script type="text/javascript"> function startGallery() { var myGallery = new gallery($('myGallery'), { timed: false }); } window.onDomReady(startGallery); </script> <div class="content"> <div id="myGallery"> <div class="imageElement"> <h3>[b]Title here[/b]</h3> <p>[b]Description of title here[/b]</p> <a href="#" title="open image" class="open"></a> <img src="[b]URL OF PHOTO 1[/b]" class="full" /> <img src="[b]THUMBNAIL OF PHOTO 1[/b]" class="thumbnail" /> </div> <div class="imageElement"> <h3>[b]Title here[/b]</h3> <p>[b]Description of title here[/b]</p> <a href="#" title="open image" class="open"></a> <img src="[b]URL OF PHOTO 2[/b]" class="full" /> <img src="[b]THUMBNAIL OF PHOTO 2[/b]" class="thumbnail" /> </div> <div class="imageElement"> <h3>[b]Title here[/b]</h3> <p>[b]Description of title here[/b]</p> <a href="#" title="open image" class="open"></a> <img src="[b]URL OF PHOTO 3[/b]" class="full" /> <img src="[b]THUMBNAIL OF PHOTO 3[/b]" class="thumbnail" /> </div> <div class="imageElement"> <h3>[b]Title here[/b]</h3> <p>[b]Description of title here[/b]</p> <a href="#" title="open image" class="open"></a> <img src="[b]URL OF PHOTO 4[/b]" class="full" /> <img src="[b]THUMBNAIL OF PHOTO 4[/b]" class="thumbnail" /> </div> <div class="imageElement"> <h3>[b]Title here[/b]</h3> <p>[b]Description of title here[/b]</p> <a href="#" title="open image" class="open"></a> <img src="[b]URL OF PHOTO 5[/b]" class="full" /> <img src="[b]THUMBNAIL OF PHOTO 5[/b]" class="thumbnail" /> </div> <div class="imageElement"> <h3>[b]Title here[/b]</h3> <p>[b]Description of title here[/b]</p> <a href="#" title="open image" class="open"></a> <img src="[b]URL OF PHOTO 6[/b]" class="full" /> <img src="[b]THUMBNAIL OF PHOTO 6[/b]" class="thumbnail" /> </div> <div class="imageElement"> <h3>[b]Title here[/b]</h3> <p>[b]Description of title here[/b]</p> <a href="#" title="open image" class="open"></a> <img src="[b]URL OF PHOTO 7[/b]" class="full" /> <img src="[b]THUMBNAIL OF PHOTO 7[/b]" class="thumbnail" /> </div> <div class="imageElement"> <h3>[b]Title here[/b]</h3> <p>[b]Description of title here[/b]</p> <a href="#" title="open image" class="open"></a> <img src="[b]URL OF PHOTO 8[/b]" class="full" /> <img src="[b]THUMBNAIL OF PHOTO 8[/b]" class="thumbnail" /> </div> [color=#FF0000]<div class="imageElement"> <h3>[b]Title here[/b]</h3> <p>[b]Description of title here[/b]</p> <a href="#" title="open image" class="open"></a> <img src="[b]URL OF PHOTO 9[/b]" class="full" /> <img src="[b]THUMBNAIL OF PHOTO 9[/b]" class="thumbnail" /> </div>[/color] [color=#a0bd69]<div class="imageElement"> <h3>[b]Title here[/b]</h3> <p>[b]Description of title here[/b]</p> <a href="#" title="open image" class="open"></a> <img src="[b]URL OF PHOTO 10[/b]" class="full" /> <img src="[b]THUMBNAIL OF PHOTO 10[/b]" class="thumbnail" /> </div>[/color] </div> </div> </center> </body> </html>[/spoiler] Get it? [b]2)[/b] Paste this in your onload handler. [quote]var nel = "<iframe style='FILTER: chroma(color=#666666)' allowtransparency='true' frameborder=0 width='480' height='370' scrolling='no' src=[b]Link of your html[/b]></iframe><center><a href='http://www.friendster.com/photos/[b]YOUR FS ID NUM[/b]' target='_blank'><b>View All Photo</a> | <a href='http://www.friendster.com/friendphotoupload.php?uid=[b]YOUR FS ID NUM[/b]' target='_blank'>Upload Photo For Me</b></a></div></center>";"; addBox("LEFT","PHOTO GALLERY",nel,"div_967","6");[/quote] How to find your fs id num? Hit the spoiler! [spoiler]Go to your friendster HOME page, right your primary photo, and click properties [img]http://www.imageox.com/image/330044-2008-07-09.jpg[/img] The number circled in red is your fs id num. [img]http://www.imageox.com/image/330045-2008-07-09.jpg[/img][/spoiler] Adjust this part for box reposition. [quote]addBox("LEFT","PHOTO GALLERY",nel,"div_967","6")[/quote] [b]3)[/b]Want to make it as your primary photo gallery? Add this to your css. <">[align=center]Thats it! ur done! :D ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ [/align]

Last edited by unmaskedluke (2009-03-27 09:36:52)

Offline

#2  2008-06-23 10:09:43

m0g0l
» FTalker
FTalk Level: zero
129
0
1969-12-31

Re: [align=center][b]Smooth Gallery[/b] Firstly, a picture worth a thousand word :D [img]http://www.imageox.com/image/330043-2008-07-11.jpg[/img] ====================================== Credits :arrow: [

nice one...:D thanks 4 d share!
Offline

#3  2008-06-23 10:11:41

portuniecho
» FTalkWhiz
FTalk Level: zero
3413
0
1969-12-31

Re: [align=center][b]Smooth Gallery[/b] Firstly, a picture worth a thousand word :D [img]http://www.imageox.com/image/330043-2008-07-11.jpg[/img] ====================================== Credits :arrow: [

wow dude, :o its pretty awesome, atlast i can show my gallery now on my profile :lol: nice nice nice.. cheers dude, imma give you a [img]http://theftalk.com/img/warn_add.gif[/img]one for this EPIC photo gallery =)

Last edited by portuniecho (2008-06-23 10:13:15)

Offline

#4  2008-06-23 10:41:28

simpleMe
» FTalkManiac
FTalk Level: zero
949
0
1969-12-31

Re: [align=center][b]Smooth Gallery[/b] Firstly, a picture worth a thousand word :D [img]http://www.imageox.com/image/330043-2008-07-11.jpg[/img] ====================================== Credits :arrow: [

edit this post bro... =) [quote]var nel = "<iframe style='FILTER: chroma(color=#666666)' allowtransparency='true' frameborder=0 width='520' height='520' scrolling='no' src=Link of your html></iframe>"; addBox("LEFT","PHOTO GALLERY",[b]tax[/b],"div_967","6");[/quote] see the bold part? change that into [b]nel[/b] =)
Offline

#5  2008-06-23 10:47:02

dale
» FTalkAgent
FTalk Level: zero
2122
0
1969-12-31

Re: [align=center][b]Smooth Gallery[/b] Firstly, a picture worth a thousand word :D [img]http://www.imageox.com/image/330043-2008-07-11.jpg[/img] ====================================== Credits :arrow: [

wow!! bro. its cool men!! thanks for sharing!! :cool:
Offline

#6  2008-06-23 10:54:28

mabuhay
» FTalkManiac
FTalk Level: zero
849
0
1969-12-31

Re: [align=center][b]Smooth Gallery[/b] Firstly, a picture worth a thousand word :D [img]http://www.imageox.com/image/330043-2008-07-11.jpg[/img] ====================================== Credits :arrow: [

nice & cool bro. :thumbsup:=) another genius here in fTalk how 'bout add more photo...i want is 20,,is it possible?
Offline

#7  2008-06-23 11:03:10

unmaskedluke
» FTalkGeek
FTalk Level: zero
1180
0
1969-12-31

Re: [align=center][b]Smooth Gallery[/b] Firstly, a picture worth a thousand word :D [img]http://www.imageox.com/image/330043-2008-07-11.jpg[/img] ====================================== Credits :arrow: [

[quote=portuniecho]wow dude, :o its pretty awesome, atlast i can show my gallery now on my profile :lol: nice nice nice.. cheers dude, imma give you a one for this EPIC photo gallery =)[/quote] wow thx tunie! :D [quote=simpleMe]edit this post bro... =) var nel = "<iframe style='FILTER: chroma(color=#666666)' allowtransparency='true' frameborder=0 width='520' height='520' scrolling='no' src=Link of your html></iframe>"; addBox("LEFT","PHOTO GALLERY",tax,"div_967","6"); see the bold part? change that into nel =)[/quote] ahhh yeah... how did i forget it.. ;) edited! thx buddy! [quote=mabuhay]nice & cool bro. :thumbsup:=) another genius here in fTalk how 'bout add more photo...i want is 20,,is it possible?[/quote] yep totally posible.. just add this if u want more photo. [quote]<div class="imageElement"> <h3>[b]Title here[/b]</h3> <p>[b]Description of title here[/b]</p> <a href="#" title="open image" class="open"></a> <img src="[b]URL OF PHOTO[/b]" class="full" /> <img src="[b]THUMBNAIL OF PHOTO[/b]" class="thumbnail" /> </div>[/quote]

Last edited by unmaskedluke (2008-06-23 11:06:04)

Offline

#8  2008-06-23 11:08:54

mabuhay
» FTalkManiac
FTalk Level: zero
849
0
1969-12-31

Re: [align=center][b]Smooth Gallery[/b] Firstly, a picture worth a thousand word :D [img]http://www.imageox.com/image/330043-2008-07-11.jpg[/img] ====================================== Credits :arrow: [

[quote][b]unmaskedluke wrote:[/b] yep totally posible.. just add this if u want more photo. <div class="imageElement"> <h3>[b]Title here[/b]</h3> <p>[b]Description of title here[/b]</p> <a href="#" title="open image" class="open"></a> <img src="[b]URL OF PHOTO 7[/b]" class="full" /> <img src="" class="thumbnail" /> </div>[/quote] thanks bro. i will use this as soon as possible keep on sharing bro. + repu for you.. =):thumbsup:
Offline

#9  2008-06-23 11:18:48

BwizetT
» FTalkGeek
FTalk Level: zero
1015
0
1969-12-31

Re: [align=center][b]Smooth Gallery[/b] Firstly, a picture worth a thousand word :D [img]http://www.imageox.com/image/330043-2008-07-11.jpg[/img] ====================================== Credits :arrow: [

[b]Dude it's smooth alright, what software did you use on the photo gallery?!? BTW i like this, Imma gonna use it..[/b]

Last edited by BwizetT (2008-06-23 11:19:10)

Offline

#10  2008-06-23 11:25:27

exceed
» Banned
FTalk Level: zero
47
0
1969-12-31

Re: [align=center][b]Smooth Gallery[/b] Firstly, a picture worth a thousand word :D [img]http://www.imageox.com/image/330043-2008-07-11.jpg[/img] ====================================== Credits :arrow: [

:arrow: so now i know you can recycle someones trick..=D =D =D... btw..+ reoutation for you..=D =D =D for the sake of reputation..=D =D =D
Offline

#11  2008-06-23 11:32:46

kuntilanak
» FTalkElite
FTalk Level: zero
4412
0
1969-12-31

Re: [align=center][b]Smooth Gallery[/b] Firstly, a picture worth a thousand word :D [img]http://www.imageox.com/image/330043-2008-07-11.jpg[/img] ====================================== Credits :arrow: [

thanks for sharing brother.... keep it work.... :thumbsup:
Offline

#12  2008-06-23 20:41:27

goodjohn08
» n00b
FTalk Level: zero
7
0
1969-12-31

Re: [align=center][b]Smooth Gallery[/b] Firstly, a picture worth a thousand word :D [img]http://www.imageox.com/image/330043-2008-07-11.jpg[/img] ====================================== Credits :arrow: [

how do we exactly save it as .html?do we need some kind of file uploader?or anything?>
Offline

#13  2008-06-23 20:50:45

cronixemo
» FTalkWhiz
FTalk Level: zero
3166
0
1969-12-31

Re: [align=center][b]Smooth Gallery[/b] Firstly, a picture worth a thousand word :D [img]http://www.imageox.com/image/330043-2008-07-11.jpg[/img] ====================================== Credits :arrow: [

nice one...another work from neil... keep it up bro!!! ur making tricks now huh!!! not only layout....lolz!!! thanks for sharing neil!!!
Offline

#14  2008-06-23 20:52:25

vhon_skyy
» FTalker
FTalk Level: zero
179
0
1969-12-31

Re: [align=center][b]Smooth Gallery[/b] Firstly, a picture worth a thousand word :D [img]http://www.imageox.com/image/330043-2008-07-11.jpg[/img] ====================================== Credits :arrow: [

[quote=goodjohn08]how do we exactly save it as .html?do we need some kind of file uploader?or anything?>[/quote] just add .html t whatever your file name is.. thats all.. very neat codes... i thought simple me is only the creator of such scripts but now youre around.. thanks
Offline

#15  2008-06-23 21:22:44

irishandme
» FTalker
FTalk Level: zero
110
0
1969-12-31

Re: [align=center][b]Smooth Gallery[/b] Firstly, a picture worth a thousand word :D [img]http://www.imageox.com/image/330043-2008-07-11.jpg[/img] ====================================== Credits :arrow: [

nice nice nice....keep it up...thnx for sharing....hekhek...
Offline

#16  2008-06-23 21:32:00

sprongky
» FTalkManiac
FTalk Level: zero
752
0
1969-12-31

Re: [align=center][b]Smooth Gallery[/b] Firstly, a picture worth a thousand word :D [img]http://www.imageox.com/image/330043-2008-07-11.jpg[/img] ====================================== Credits :arrow: [

this trick is nice, thanks for sharing this tricks bro, im expecting more tricks from you, +Repu 4 u bro :thumbsup:
Offline

#17  2008-06-23 21:46:04

seemsr
» n00b
FTalk Level: zero
44
0
1969-12-31

Re: [align=center][b]Smooth Gallery[/b] Firstly, a picture worth a thousand word :D [img]http://www.imageox.com/image/330043-2008-07-11.jpg[/img] ====================================== Credits :arrow: [

wow! cool thanx for sharing:thumbsup:
Offline

#18  2008-06-23 21:56:37

the_legend_killer
» FTalkElite
FTalk Level: zero
7025
0
1969-12-31

Re: [align=center][b]Smooth Gallery[/b] Firstly, a picture worth a thousand word :D [img]http://www.imageox.com/image/330043-2008-07-11.jpg[/img] ====================================== Credits :arrow: [

i like this one hehe :lol: thanks for this one :D:thumbsup:
Offline

#19  2008-06-24 03:39:22

michelle_dedumo
» FTalkAddict
FTalk Level: zero
580
0
1969-12-31

Re: [align=center][b]Smooth Gallery[/b] Firstly, a picture worth a thousand word :D [img]http://www.imageox.com/image/330043-2008-07-11.jpg[/img] ====================================== Credits :arrow: [

wow.. bro... hihihi this was cool tut bro... enx for sharing
Offline

#20  2008-06-24 05:16:53

mudpoet
» FTalkAddict
FTalk Level: zero
393
0
1969-12-31

Re: [align=center][b]Smooth Gallery[/b] Firstly, a picture worth a thousand word :D [img]http://www.imageox.com/image/330043-2008-07-11.jpg[/img] ====================================== Credits :arrow: [

so cool trick thanks for sharing...
Offline

Post reply

  • ARCHIVES 
  • » [align=center][b]Smooth Gallery[/b] Firstly, a picture worth a thousand word :D [img]http://www.imageox.com/image/330043-2008-07-11.jpg[/img] ====================================== Credits :arrow: [

Pages: 12

Board footer

© 2024 F Talk

Current time is 00:18

[ 10 queries - 0.035 second ]
Privacy Policy