Register Members List Search Today's Posts Mark Forums Read

Reply
 
Mod Options
CSS Image Resize with Preview Details »
CSS Image Resize with Preview
Mod Version: .7, by nix (Member) nix is offline
Developer Last Online: Nov 2010 I like it Show Printable Version Email this Page

This modification is in the archives.
vB Version: 3.6.x Rating: (7 votes - 4.57 average) Installs: 56
Released: 26 Jun 2007 Last Update: 26 Jun 2007 Downloads: 776
Not Supported DB Changes Is in Beta Stage  

Don't forget to click install if you use this!

Nix's CSS Image Resize with Hover Preview

Not Ready for a live site. Next release will address all the issues.

Credits:
Based of this Hoverbox by Nathan Smith
http://sonspring.com/journal/hoverbox-image-gallery

This mod will resize images posted on your forum and create a thumbnail with an hover preview all with CSS.

Tested on Firefox, Safari and IE 6.

So why is this not in the template section? I got some ideas that i'll be adding on to this. This is just to get it out there.


How to install?

1. Import the product
2. Coppy the CSS to your additional CSS section
3. Go into the BBCode manager and find the new bbcode it made. Edit it and just save it. (not sure why its doing that but i'll try and fix this)
4. Post an image!



CSS to add:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.


Versions:

1.0 - First release


Planned Features

- Guest or usergroups the admin picks will get a predetermined message in the hover popup. (option)
- Enable it for attachments (option for on or off)
- Have GD2 create a thumbnail and chache it (option for on or off)

There will also just be the basic version of thats all you want.

Know Bugs
I'm sure they will come!

SS coming!

Download Now

Only licensed members can download files, Click Here for more information.

Show Your Support

  • To receive notifications regarding updates -> Click to Mark as Installed.
  • If you like this modification support the author by donating.
  • This modification may not be copied, reproduced or published elsewhere without author's permission.
Similar Mod
Mod Developer Type Replies Last Post
Add-On Releases Resize Image Pix thangveojp vBulletin 3.6 Add-ons 10 06 Mar 2009 04:45

Comments
  #2  
Old 26 Jun 2007, 06:11
nix's Avatar
nix nix is offline
 
Join Date: Mar 2005
Before



After:



Hover:


I know the SS are hard to tell what it does. I'll try and put up a demo in a bit.

Last edited by nix; 26 Jun 2007 at 06:35.
Reply With Quote
  #3  
Old 26 Jun 2007, 07:05
shadowevil shadowevil is offline
 
Join Date: Apr 2006
nice mod ....*installed*
Reply With Quote
  #4  
Old 26 Jun 2007, 07:09
Aligator21 Aligator21 is offline
 
Join Date: Sep 2005
does this works also into 3.6.2?
__________________
http://www.online-games.gr
Reply With Quote
  #5  
Old 26 Jun 2007, 07:29
nix's Avatar
nix nix is offline
 
Join Date: Mar 2005
Yea should work on all version. Its just bbcode and CSS right now.
Reply With Quote
  #6  
Old 26 Jun 2007, 07:36
4x4 Mecca 4x4 Mecca is offline
 
Join Date: Feb 2007
Any chance of a demo site? I see the pictures, but a real life demo would really help.
Reply With Quote
  #7  
Old 26 Jun 2007, 07:40
shadowevil shadowevil is offline
 
Join Date: Apr 2006
It's not working.

Demo:


Nix help me (
Reply With Quote
  #8  
Old 26 Jun 2007, 07:54
4x4 Mecca 4x4 Mecca is offline
 
Join Date: Feb 2007
I have mine working on a test site, but why does it show them on seperate lines, anyway to do them inline?

Last edited by 4x4 Mecca; 26 Jun 2007 at 08:18.
Reply With Quote
  #9  
Old 26 Jun 2007, 07:56
nix's Avatar
nix nix is offline
 
Join Date: Mar 2005
Originally Posted by shadowevil View Post
It's not working.

Demo:


Nix help me (
Go into our bbcode manage and click on edit for the bbcode i created. Then just save it. Not sure why its doing this but I'll look to fix it.

Originally Posted by 4x4 Mecca View Post
I have mine working on a test site here http://www.gettin-dirty.com/showthread.php?p=1#post1 but why does it show them on seperate lines, anyway to do them inline?
Yea thats one of the features I would like to make it do. Kind of make them like a gallery. I might have a javascript version also for people who don't mind that.

Also. I noticed it affects sigs also if they are just IMG tags. I'll fix this also.
Reply With Quote
  #10  
Old 26 Jun 2007, 08:01
4x4 Mecca 4x4 Mecca is offline
 
Join Date: Feb 2007
Also, the pictures overlap eachother in thumbnail mode when you mouseover them. This may be because I made my thumbs larger. Is there a CSS variable to make the thumbnail like 50% of the screen res, but let the height be free(not confined?)
Reply With Quote
  #11  
Old 26 Jun 2007, 08:20
nix's Avatar
nix nix is offline
 
Join Date: Mar 2005
What browser are you using? If IE i can put some IE fixes in there. If you click on the picture it will show it full size. O yea, make sure you click install so you can be notified of any fixes.

I really wanted to keep this simple but the more I look into the more ideas I have for it. So it might turn into a couple of template edits to really get it going.
Reply With Quote
  #12  
Old 26 Jun 2007, 08:40
projectego's Avatar
projectego projectego is offline
 
Join Date: Feb 2006
Location: UK
Real name: Steve
Nice!

/me clicks install
__________________
Reply With Quote
  #13  
Old 26 Jun 2007, 08:45
4x4 Mecca 4x4 Mecca is offline
 
Join Date: Feb 2007
I always check for replies to posts that i've posted in. I haven't installed it yet, it's still on a test server.
Reply With Quote
  #14  
Old 26 Jun 2007, 08:49
nix's Avatar
nix nix is offline
 
Join Date: Mar 2005
ah got ya.
Reply With Quote
  #15  
Old 26 Jun 2007, 11:28
8dayssooner 8dayssooner is offline
 
Join Date: May 2007
is there anyway to stop this resizing/creating thumbnails for images smaller than the thumbnail size?

i.e. some users on my site use the img tag to post custom smilies, or img tags in signatures too, all of these have now been resized to the same size as the thumbnail for larger images....

Mike
www.megalolz.com

*edit*

just noticed you already mentioned you were going to fix this.
Reply With Quote
Reply


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

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off


New To Site? Need Help?

All times are GMT. The time now is 10:29.

Layout Options | Width: Wide Color: