You are not registered yet. Please click here to register!
[feedback] Additional custom IMG Tags - i4memory.com - different look at memory
Tags Register Blogs FAQ Members List Calendar Mark Forums Read

Notices

Reply
 
Thread Tools
Old 18-05-2008, 09:09 PM   #1
eva2000
Administrator
eva2000's PC Specs
 
Join Date: Jul 22 2004
Location: Brisbane, Australia
Posts: 22,988
twitter.com/i4memorycom Facebook Page livestream.com/i4memorycom
Blog Entries: 42
[feedback] Additional custom IMG Tags

More tweaking. This time I added additional custom IMGF and IMGFS tags as well as a URLF tag. With these new tags, you can either use IMGF/IMGFS tags to make a larger image resize in dimension to thumbnail size OR you can use URLF tags to link a thumbnail image or text links to a larger image size.

3 new bbcode tags exclusive to i4memory.com which when clicked shows a popup window
  1. IMGF - make large image show a resized (in dimension only) thumbnail image of fixed 80 pixel width
  2. IMGFS - make large image show a resized (in dimension only) thumbnail image of custom pixel width of your choosing
  3. URLF - link a thumbnail sized image OR text link to a large version of the image

IMGF tag

The IMGF tag can be access via the editor image just like the normal IMG tag. Only difference is the IMGF tag
  1. resizes image to a thumbnail dimension (80px width) but size is still the same (not smaller in size only in dimension)
  2. click image to show popup for full image dimensional size.
  3. click full image to or hit 'ESC' key to close the full image
  4. allows you to move the popped up full image window around
  5. allows you to move back and forth for all images using keyboard arrow keys!

bbcode is (minus the spacing):

[ imgf ]imageurl[/ imgf ]



IMGFS tag custom width thumbnails

IMGFS tag allows changing the thumbnail width to whatever value you want

For 150px width:

[ imgfs = 150 ]imageurl[/ imgfs]



For 200px width:

[ imgfs = 200 ]imageurl[/ imgfs]



improved the functionality even more by adding a 3rd custom bbcode tag = URLF

URLF tag

Added URLF function to editor via so it's easier to remember

The URLF tag does the opposite of the IMGF and IMGFS tags and allows you to link a thumbnailed image to pop up window for the larger version

bbcode for URLF:

[ URLF= larger_image_urllink ] [ IMG ] thumbnail_image_link [ / IMG ] [ /URLF]

To compare IMGFS to URLF tags, take these 2 examples. First one uses IMGFS=190 and second is a thumbnail image linked via URLF to larger version. Thumbnail image via URLF tag is only 8kb in size versus larger image resized via IMGFS=190 at 109kb!



URLF tag also works with text links to larger images

click me for full size image

So now you can either use IMGF/IMGFS tags to make a larger image resize in dimension to thumbnail size OR you can use URLF tags to link a thumbnail image or text links to a larger image size

Imageshack.us Example


For a practical example of URLF tag is with say imageshack.us linked thumbnail images. You need to copy the code provided by imageshack.us for Thumbnail for forums (1) but replace the url link in bold for URL=http://imageshack.us/my.php?image= with the image url listed in Direct link to image.

[ URL= large image url ] [ IMG ] thumbnail image url [/ IMG ] [ /URL]

and add an F to URL to become

[ URLF= large image url ] [ IMG ] thumbnail image url [/ IMG ] [ /URLF]

Note URLF= must be static url image not dynamic (with question mark ? ).
  • static url = domainname.com/image/example.jpg
  • dyanmic url = domainname.com/image.php?=example.jpg

So default imageshack.us provided code is:



becomes



Change dynamic url link
from:

http://img363.imageshack.us/my.php?image=asusoverclocking200718uc1.jpg

to:
http://img363.imageshack.us/img363/4366/asusoverclocking200718uc1.jpg

Last edited by eva2000; 03-04-2009 at 03:02 AM.
eva2000 is offline   Reply With Quote
Old 18-05-2008, 09:41 PM   #2
H[]R3NDUS
Senior Member
H[]R3NDUS's PC Specs
 
Join Date: Mar 09 2007
Location: Brisbane Chapill Hill 4069
Posts: 1,176
Blog Entries: 1
Re: IMG testing

Thats nice Eva with Zoom , Is it a special script from your Host that allows it this way or will all images on i4 be automaticly set to this style ?
H[]R3NDUS is offline   Reply With Quote
Old 18-05-2008, 09:46 PM   #3
eva2000
Administrator
eva2000's PC Specs
 
Join Date: Jul 22 2004
Location: Brisbane, Australia
Posts: 22,988
twitter.com/i4memorycom Facebook Page livestream.com/i4memorycom
Blog Entries: 42
Re: IMG testing

Still messing around with the code.. can't get it to show the next and previous images when it pops up yet hehe

But it's separate bbcode tag from IMG tag for now
eva2000 is offline   Reply With Quote
Old 19-05-2008, 01:03 AM   #4
3oh6
Senior Member
3oh6's PC Specs
 
Join Date: Oct 07 2007
Location: London, Canada
Posts: 280
Re: [feedback] Additional custom IMG Tags

i love the new tags...and had no idea they existed. they come to full size so fast and retract just as fast, very nice. these would be perfect for OC Reports, why can't all forums have this ability
3oh6 is offline   Reply With Quote
Old 19-05-2008, 01:10 AM   #5
eva2000
Administrator
eva2000's PC Specs
 
Join Date: Jul 22 2004
Location: Brisbane, Australia
Posts: 22,988
twitter.com/i4memorycom Facebook Page livestream.com/i4memorycom
Blog Entries: 42
Re: [feedback] Additional custom IMG Tags

By 3oh6 View Post
i love the new tags...and had no idea they existed. they come to full size so fast and retract just as fast, very nice. these would be perfect for OC Reports, why can't all forums have this ability
Thanks.. it's thanks to the power of the vBulletin forum engine that I can do this via bbcode modification

Thought it would be useful for my forum reviews - DFI UT X48-T2R soon

Still can't get next/previous links to show up in popup full images though - it's meant to be able to cycle through all images in the post
eva2000 is offline   Reply With Quote
Old 19-05-2008, 01:48 AM   #6
3oh6
Senior Member
3oh6's PC Specs
 
Join Date: Oct 07 2007
Location: London, Canada
Posts: 280
Re: [feedback] Additional custom IMG Tags

it's such a slick setup. no more thumbnails and no more new tabs/windows or going to a new page when clicking on full size images. the forward and back arrows would be icing on the already delicious cake. this is a very very nice feature for guys like us, great work George
3oh6 is offline   Reply With Quote
Old 19-05-2008, 02:01 AM   #7
eva2000
Administrator
eva2000's PC Specs
 
Join Date: Jul 22 2004
Location: Brisbane, Australia
Posts: 22,988
twitter.com/i4memorycom Facebook Page livestream.com/i4memorycom
Blog Entries: 42
Re: [feedback] Additional custom IMG Tags

Yup.. i love my screenies but some folks say I post too many full size screenies making page scrolling a nightmare

So this is a compromise as I can't be bothered with creating thumbnails for every screenshot I post
eva2000 is offline   Reply With Quote
Old 19-05-2008, 02:41 AM   #8
3oh6
Senior Member
3oh6's PC Specs
 
Join Date: Oct 07 2007
Location: London, Canada
Posts: 280
Re: [feedback] Additional custom IMG Tags

By eva2000 View Post
So this is a compromise as I can't be bothered with creating thumbnails for every screenshot I post
haha, i love it, your working your butt off for this because your too lazy to make thumbs...priceless

would it be easy to implement this for other vbulletin powered forums? or is this some crazy back room concoction that you came up with...mad scientist skills?
3oh6 is offline   Reply With Quote
Reply

Bookmarks

Tags
additional, custom, feedback, img, tags


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools


Similar Threads for: [feedback] Additional custom IMG Tags
Thread Thread Starter Forum Replies Last Post
PCmark04 Pro/Paid users - custom memory test eva2000 General AMD DDR1 Memory 39 20-07-2005 05:55 PM


All times are GMT +11. The time now is 06:30 PM.

no new posts