Welcome Guest [Log In] [Register]
Search Members Calendar | Rules ZB Code Index IF Code Index
ZBCode
  • Navigation
  • ZBCode
  • Coding Resources
  • Zetaboards Modifications
  • Display Thumbnails of Uploaded Images
Hey, welcome to ZBCode, the premier coding forum for ZB. Here you fill find some of the best Invisionfree and Zetaboards Codes on the network! Unfortunately, you're sorta hovering around in guest mode at the moment; why not join in on the fun? Register an account and you can start accessing the wealth of resources we have available here. Enjoy your stay at ZBCode, and remember to tell all your friends about us; the more members, the more codes available. ;)

Interested in joining? Click here.


If you are already a member of ZBCode, feel free to login right here:

Username:   Password:
Locked Topic
  • Pages:
  • 1
  • 2
Display Thumbnails of Uploaded Images
Tweet Topic Started: Oct 25 2009, 08:26 AM (1,809 Views)
God Like Oni Oct 26 2009, 03:51 AM Post #11
Member Avatar


Posts:
299
Group:
Member
Member
#2,786
Joined:
Apr 12, 2009
So is this when you post attachments or when you post images ?
Posted Image
Posted Image
Offline Profile Goto Top
 
Nicolas Oct 26 2009, 06:14 AM Post #12
Member Avatar
Awesome

Posts:
209
Group:
Dedicated
Member
#1,307
Joined:
Oct 22, 2008
Coding language
HTML/CSS
God Like Oni
Oct 26 2009, 03:51 AM
So is this when you post attachments or when you post images ?
Yes, just like in the preview. :lol: :p
Posted Image
(Thanks to HelenaZF for the awesomesauce signature. )

Big Boards
Hogwarts New Zealand
Offline Profile Goto Top
 
PIWYRCOM Oct 26 2009, 08:20 AM Post #13
Member Avatar
PrideInWhatYouRide

Posts:
368
Group:
Member
Member
#53
Joined:
Jul 17, 2008
Coding language
None
Thank you... a million THANK YOU's foe this code !!
» TEST FORUM »
FIND IT HERE !
Spoiler: click to toggle

→ Infinite Results (themes)
→ ZBThemeZone (themes)

→ Big Boards (codes/themes)
→ ZBCodes (codes/themes)
→ The Coding Zone (codes/themes)

→ Code Index ('Official')
→ ZetaDoc's ('Official - How To Info')

Posted Image

Offline Profile Goto Top
 
IncomingGank Nov 5 2009, 06:47 PM Post #14
Member Avatar


Posts:
275
Group:
Dedicated
Member
#3,556
Joined:
Nov 5, 2009
Coding language
None
Thanks for this code ... even thought I usually don't attach. Might start attaching things though.
Posted Image
Offline Profile Goto Top
 
Nicolas Nov 6 2009, 04:08 PM Post #15
Member Avatar
Awesome

Posts:
209
Group:
Dedicated
Member
#1,307
Joined:
Oct 22, 2008
Coding language
HTML/CSS
My code is inspiring users to use native ZB features. xD
Classy B)
Posted Image
(Thanks to HelenaZF for the awesomesauce signature. )

Big Boards
Hogwarts New Zealand
Offline Profile Goto Top
 
Nicolas Feb 5 2010, 08:21 PM Post #16
Member Avatar
Awesome

Posts:
209
Group:
Dedicated
Member
#1,307
Joined:
Oct 22, 2008
Coding language
HTML/CSS
Here is an updated version of the script which displays multiple uploaded images horizontally as thumbnails, to avoid a lot of scrolling. It isn't perfect, but it works. :)
(There is no preview for this version)
Code: HTML
 
<script type="text/javascript" >
/* Display Image Uploads as Thumbnails
Created by Nicolas of Zathyus Networks */
$(function () {
var thumbstyle = "margin-top: 2px; max-width: 100px; max-height: 100px;"
var iconimg = '<img alt="Attachment:" src="http://z3.ifrm.com/static/1/attach.png"/>'
$("dl.c_post-attachment a[href$=.apng], dl.c_post-attachment a[href$=.ico], dl.c_post-attachment a[href$=.bmp], dl.c_post-attachment a[href$=.gif], dl.c_post-attachment a[href$=.png], dl.c_post-attachment a[href$=.jpg], dl.c_post-attachment a[href$=.jpeg]").each(function () {
var image = $(this).attr('href');
$(this).html(iconimg+'<img src="' + image + '" style="'+thumbstyle+'" title="Uploaded Image" alt="Uploaded Image" />');
});
$("dl.c_post-attachment dd img[alt=Uploaded Image]").parent().parent().css('display','inline');
});
</script>
Posted Image
(Thanks to HelenaZF for the awesomesauce signature. )

Big Boards
Hogwarts New Zealand
Offline Profile Goto Top
 
zxeyn Feb 16 2010, 12:02 PM Post #17


Posts:
11
Group:
Member
Member
#3,616
Joined:
Dec 22, 2009
Coding language
HTML/CSS
nice one.. thank you for the code
Offline Profile Goto Top
 
Alta Boy May 23 2010, 01:09 PM Post #18


Posts:
2
Group:
Member
Member
#1,815
Joined:
Dec 18, 2008
Coding language
Ruby on Rails
Great code Nicolas. I'm using the horizontal image code for attachments on my board and it works like a hot damn! Thank you.
Offline Profile Goto Top
 
wissaboo Aug 26 2010, 11:32 AM Post #19


Posts:
3
Group:
Member
Member
#2,154
Joined:
Jan 28, 2009
sorry, I"m an idiot. Where does this code go?
Offline Profile Goto Top
 
SlyCooperFan1 Aug 27 2010, 06:54 PM Post #20
Master Raccoon Thief Coder

Posts:
214
Group:
Member
Member
#1,306
Joined:
Oct 22, 2008
If it's not said, general rule of thumb is Below the Board.

ZBCode has been shut down. Please go to ZetaScript instead.
ZBCode is no longer active.
Please visit these sites for codes:
Outline - Zathyus Networks
Offline Profile Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
ZetaBoards - Free Forum Hosting
Create your own social network with a free forum.
Learn More · Register for Free
« Previous Topic · Zetaboards Modifications · Next Topic »
Locked Topic
  • Pages:
  • 1
  • 2

Track Topic · E-mail Topic Time: 7:39 PM Jul 10
Hosted for free by ZetaBoards · Privacy Policy