Day 2 - Nexus redesign

[Animositisomina]

Images are still stretched/warped on the "Latest files" page. Here's a screenshot:

 

http://i55.tinypic.com/2ecndoh.jpg

 

I'm using Firefox 3.6.20.

 

EDIT: They are stretched on individual file pages as well. Another screenshot:

 

http://i54.tinypic.com/n6x44g.jpg

 

This looks rather bad with the images all warped like that.

Edited August 27, 2011 by Animositisomina

[lanep25]

Yay! Better improvements! I now can see endorsements and how to endorse!!! Now if I could only find the files I was tracking.....

[starfis]

Don't know how this is possible but on my Fo3 tracking I don't see action log but on NV I see it. I'm using latest Chrome.

[LHammonds]

Images are still stretched/warped on the "Latest files" page. Here's a screenshot:

 

http://i55.tinypic.com/2ecndoh.jpg

 

I'm using Firefox 3.6.20.

 

EDIT: They are stretched on individual file pages as well. Another screenshot:

 

http://i54.tinypic.com/n6x44g.jpg

 

This looks rather bad with the images all warped like that.

Those are not "the" images. Those are thumbnails. Clicking on the thumbnails will show you the full-size image. The thumbnail area is a fixed size so either the thumbnail needs to be warped to fit the whole thing to be visible or it needs to crop the images. Dark0ne obviously chose to show the entire image rather than crop. But if you were to crop the image...where would you crop it? The top, middle, bottom, left or right? To fit the entire image without cropping, Dark0ne would need to create new and separate thumbnails from the ones already created during the upload process.

 

This can be accomplished by using ImageMagick. The size of the confined thumbnail area is a constant width and height. To create aspect ratio-friendly thumbnails, the full-sized image would need to be resized (and maintain aspect ratio) so it will fit the height of the thumbnail height. Then, if the modified width of the new thumbnail image is still larger than the maximum allowed thumbnail width, another resize needs to occur feeding the new thumbnail to be resized (and maintain aspect ratio) so it will fit the width of the thumbnail width.

 

So in order to display the full image without aspect ratio distortions, every image will need to be re-processed to create new thumbnails. Setting up the script and the actual processing of the images will take time. Dark0ne will have to figure out where that fits into the grand scheme of current changes being made to determine priority and feasibility.

 

EDIT: With a little research and testing, ImageMagick can issue a single command to make the thumbnail which will fit into the max thumbnail preview box while maintaining aspect ratio.

 

Example: I took a very tall / narrow image and a very wide / short image as extreme cases and fed it into ImageMagick's convert.exe program as shown below:

 

tall.png = 262 x 508 (43.1kb)

wide.png = 991 x 147 (7.04kb)

 

convert.exe tall.png -resize 160x100 tall_th.jpg

convert.exe wide.png -resize 160x100 wide_th.jpg

 

tall_th.jpg = 52 x 100 (1.85kb)

wide_th.jpg = 160 x 24 (1.37kb)

 

If the thumbnail html code likes to use exact image height and width to conform to XHTML standards, we can take this one step further and pad the images with white space so the dimensions are constant on every file and do not need to be stored in the database and pulled to build the IMG tag. If we use the PNG format for the thumbnails, the filler can be empty / transparent and thus match whatever color the background is...however, the trade off is that the thumbnails will be a tad bit larger in size.

 

To do this, I created an empty and transparent PNG image called empty.png and the dimensions are 160 x 100 (1.33kb).

 

convert empty.png tall.png -gravity center -compose Over - resize 160x100 -composite tall_th.png

convert empty.png wide.png -gravity center -compose Over - resize 160x100 -composite wide_th.png

 

tall_th.png = 160 x 100 (5.45kb)

wide_th.png = 160 x 100 (4.54kb)

 

Resulting Images:

 

 

empty.png (transparent background with correct dimensions)

http://i228.photobucket.com/albums/ee11/Conan_Lon/Nexus/empty.png

 

tall.png (full-sized source image)

http://i228.photobucket.com/albums/ee11/Conan_Lon/Nexus/Tall.png

 

wide.png (full-sized source image)

http://i228.photobucket.com/albums/ee11/Conan_Lon/Nexus/wide.png

 

tall_th.jpg (non-transparent thumbnail as small as possible in JPG format)

http://i228.photobucket.com/albums/ee11/Conan_Lon/Nexus/tall_th-1.jpg

 

wide_th.jpg (non-transparent thumbnail as small as possible in JPG format)

http://i228.photobucket.com/albums/ee11/Conan_Lon/Nexus/wide_th-1.jpg

 

tall_th.png (transparent thumbnail as exact 160x100 PNG format)

http://i228.photobucket.com/albums/ee11/Conan_Lon/Nexus/tall_th.png

 

wide_th.png (transparent thumbnail as exact 160x100 PNG format)

http://i228.photobucket.com/albums/ee11/Conan_Lon/Nexus/wide_th.png

 

 

 

LHammonds

[David Brasher]

I can't figure out the image system for images for uploaded files. With the old system, you selected 1 primary image to flash first, and that image would also be displayed if your file made the hot file list. Then it would scroll through all the other non-primary images flashing them rapidly at the user.

 

With the new system, primary image doesn't seem to do anything. The system randomly selects three of my ugliest screenshots and uses them to statically represent my file. The user never sees the others unless he or she clicks.

 

I really wish I had the power to select the three screen shots that will be my primary images that potential downloaders see first. I want to select the shots which are most representative of what my file contains, and the shots which are the neatest to look at.

[Animositisomina]

[i will not question authority.] Edited August 28, 2011 by Animositisomina

[Aznar]

I can't download either in IE 8.0. The pop up comes but after the download message at the top of the screen nothing happens.

 

Also Chrome and Firefox I can't see any downloads, comments, or mod information. The whole bottom information window doesn't ever open. It might have to do with having verizon evdo internet and web 2.0 acceleration, but I'm not sure. I'm not using any proxies but its not working ;-/

[wolfwynn]

so, so far i really like the new design... one major problem though. and i didn't see anyone else say anything about it. when i go to browse categories and hit, for instance, weapons and try to change it from showing files in alphabetical and ascending to downloads descending it doesn't load and there is no button to go to my selected choice like the old nexus site had. this is immensely frustrating and i cant even view the files i want to. i am using Firefox 6. if anyone can tell me if i'm doing something wrong, if it is the site or browsers fault, or help me fix the problem, i would be very gracious. thank you!

[Dark0ne]

so, so far i really like the new design... one major problem though. and i didn't see anyone else say anything about it. when i go to browse categories and hit, for instance, weapons and try to change it from showing files in alphabetical and ascending to downloads descending it doesn't load and there is no button to go to my selected choice like the old nexus site had. this is immensely frustrating and i cant even view the files i want to. i am using Firefox 6. if anyone can tell me if i'm doing something wrong, if it is the site or browsers fault, or help me fix the problem, i would be very gracious. thank you!

 

This is what I see in Fire Fox 6. I've added my "About Firefox" box to show what version I'm running. You can clearly see the green "Go" button next to the filters. If you're not seeing that then something is wrong.

 

 

[drakeelvin]

It might be nice to have the image titles come up on the images like they used to, if its possible. Also, I can't figure out how to edit the primary image status now so I have two marked as primary. Is that even relevant anymore? Just wondering.

 

Firfox 6.0 btw.

Edited August 27, 2011 by drakeelvin