Extra caution is recommended when installing recently uploaded/updated scripts (read more)
Be sure you trust any scripts you install

MySpace - Enhanced Photos

Enhances MySpace photo album functionality. Users can view full versions of images as well as corresponding caption and comments directly in album view.

Notes

  • My first script! :D
  • I am open to any suggestions or feedback. I'm quite new at JavaScript and appreciate both functionality suggestions as well as syntax changes.
  • Not recommended for users with monitor resolutions less than 1024x768 pixels.
  • This script is not intended to be compatible with non-Mozilla-based browsers or other MySpace photo user scripts.

Preview Image

MySpace Tom's picture album, "My Photos," displayed with script enabled. (v1.6.3) (Click to view full version)


View without script enabled.

Feature List

  • View high-definition versions of images with corresponding caption and comments without ever leaving the album page.
  • To scroll through thumbnails, mouse over the thumbnails on either side.
  • To flip through images, use the left and right arrow keys or the chevron symbols.
  • Flip though comment pages with Next and Previous links.
  • All images load at the same time when the page loads.

User-set Modifications

There are three user-set variables for personalization of this script.
Tools > Greasemonkey > Manage User Scripts... > MySpace - Enhanced Photos > Edit
//user-set variables
thumbSize = 60; //height and width of thumbnail pictures; default: 60; recommended: 43-130
cmtImgWidth = 60; //width of commenters' display pictures; default: 60; recommended: 40-90
maxPages = 10; //the number of pages to load if the album has multiple pages.  Use a lower value if you have a slower connection; default: 10; recommended: 1-45

Future Modifications

  • Integrated comment form
  • Full compatibility with tagged photos

Current Known Issues (In Development)

  • When users are looking at their own photos, comments cannot be deleted.

Updates Log

  • 05/20/08 (v1.7.3) - Changed thumbnails to render small images, losing less to cropping.
  • 05/16/08 (v1.7.2) - Conformed to comment coding changes -- now display all comments correctly.
  • 04/27/08 (v1.7.1) - Code cleanup, minor changes to settings window.
  • 04/20/08 (v1.7.0) - Moved user preferences to a "settings" window. Just click the link above the thumbnails.
  • 04/18/08 (v1.6.3) - Added comment positioning option: left or right. Put arrows in for comment pages. Reformatted comments (replaced breaks with paragraphs). Comments now save themselves after you view them, making it faster to look back at them.
  • 04/11/08 (v1.6.2) - Style changes. Version checker.
  • 04/01/08 (v1.6.1) - Tweaked scrolling functions: larger "dead zone" and slower scrolling speed.
  • 04/01/08 (v1.6.0) - Major code cleanup. Significantly increased unpaging function speed by reading directly from the photo XML: http://www.myspace.com/services/media/photosXML...
  • 03/30/08 (v1.5.0) - Code cleanup, shaped thumbnails into squares, changed thumbnail scrolling functions.
  • 03/22/08 (v1.4.3) - Adjusted to more MySpace changes.
  • 03/19/08 (v1.4.2) - Adjusted to MySpace changes.
  • 03/18/08 (v1.4.1) - Working with tagged photos now.
  • 03/18/08 (v1.4.0) - The basics of unpaging have been enabled. Will load all images within the next ten (changeable) pages and put them all on the current page.
  • 03/15/08 (v1.3.6) - Took out some extra space on comments to save room
  • 03/15/08 (v1.3.5) -
    • Code cleanup; comments no longer flicker when loading
    • Changed position of thumbnail hover image
  • 03/12/08 (v1.3.4) -
    • Code cleanup and image preloader
    • Fixed caption error
  • 03/07/08 (v1.3.3) - Fixed table id and photo comment changes
  • 02/18/08 (v1.3.2) - Added arrow key support. Flip through images with left and right arrow keys
  • 02/18/08 (v1.3.1) -
    • Reformatted dates and times of comments so they don't take up so much space
    • Set default view to the first photo in the album
  • 02/17/08 (v1.3.0) -
    • Changed high-resolution image function
    • Added onhover effects to thumbnails and comments
    • Added "Loading Comments..." when script is still retrieving comments
    • Reformatted font tags
    • Added thumbnail enlargement on hover
  • 02/08/08 (v1.2.5) - Corrected comment div width and added comment page links
  • 02/07/08 (v1.2.4) - Fixed stylesheet to correspond with new MySpace id changes
  • 02/05/08 (v1.2.3) -
    • Changed default text in "Viewing Picture # of #" div
    • Added a link back to script homepage
    • Added mouse wheel functions to scroll through thumbnails
  • 02/03/08 (v1.2.2) -
    • Moved Next / Previous Links
    • Adjusted for (semi-)compatibility with Tagged Photos
    • Shows "[No Caption]" if the photo does not have a set caption
  • 02/02/08 (v1.2.1) - Fixed small bug to loop through pictures when using the Next/Previous links
  • 02/02/08 (v1.2.0) - Added "Viewing Picture ___ of ___" and Next/Previous links
  • 02/01/08 (v1.1.0) -
    • Removed zoom functions
    • Set image to maximum width
    • Corrected main div height change
    • Moved caption & add comment link
  • 01/30/08 (v1.0.0) - Initial Release

Special Thanks

InsaneNinja - For amazing scripts that I was able to learn from for my first script, as well as borrowed parts from Unpaged Photos



Jun 24, 2008
RunningBlind Script's author

@blkout!

I use PicLens, but with it you can't see comments or anything like that. I would add a button to launch the album in PicLens, but that button would be useless to people not using it.
 
Jun 24, 2008
RunningBlind Script's author

@InsaneNinja

Thanks for the comment, and sorry it took a while to respond. I'm away from home for a while.

Anyways, here it goes. The new photos thing wouldn't be that hard, just ineffcient because the script reads from an xml file that doesn't include that information. The xml just loads faster than each individual photo page. It wouldn't be horrible to just wait until everything is done, then go back and see if the photo is new.

I haven't used DTA!, but it clearly should be implemented. Do the links have to be located anywhere specific, or is the bottom of the page fine? Also, does each link need to be styled to be hidden, or can i just stick em all in a hidden div element?

The small-medium-larger thing is a brillant idea. I guess its just hard for me to think like a non-geek. lol.

And I'd like to think that a revert button wouldn't be necessary, but there are always those cases.

Thanks for everything, I will definately get these into the next version as soon as I can.
 
Jun 19, 2008
InsaneNinja Scriptwright

love it.. i may turn my photo unpager script users over to this since it needs updated.. but 4 requests

1) Visible notification of "new" photos, such as a red border on thumbs, since that's myspace's color.

2) DTA usage, create hidden links to every visible thumbnail, doesnt even have to have content to work.
(a href="large_img_url" title="DTA_Photo" style="display:hidden")$nbsp;(/a)

3) Use drop-down "small medium larger" instead of pixel-sizes for thumbnails, only true geeks like specific number adjustments. You want the non-geeks to be able to use this script, as is, which is something i'm learning with auto-update.

4) a "revert" button.. that temporarily shuts the script off and displays the original page, for those "just in case" times
 
Jun 18, 2008
blkout! Scriptwright

hey it would be cool if you added support for piclens a firefox addon
http://piclens.com/lite/webmasterguide.php
im not sure if you can do it but it would be awesome if you can
 
May 20, 2008
Kythca User

Yes i think that looks much better. ^_^
 
May 20, 2008
RunningBlind Script's author

Thanks for the feedback.

For the first issue you mentioned, I think I found an okay compromise: by using the small-sized images instead of the medium ones, the thumbnails can stay in a grid pattern as well as not lose much to cropping. I know that several times the cropping can be awkward.

Here's a preview. Tell me what you think.

as opposed to [current]

As for the second issue, the script might only be able to retrieve "new photo" information from the first page, but it would be handy nonetheless.

Thanks again.
 
May 20, 2008
Kythca User

I really like this script. But i have two issues/questions.

While i like the fact that the thumbnails are all the same size, i don't like that they are a crop of a small section of the middle of the image, this looks strange on some photos and makes it hard to tell what other photos are. Is there a way to make it an option to have the thumbnails this way or the way they were before?

And also, is there a way to somehow have it pull in the info that shows which photos are new? That would be great.

Thanks for such an awesome script. ^_^
 
May 19, 2008
RunningBlind Script's author

To search through the comments, the script would have to bring up each individual comment page for each photo, which would take quite a while. Unless there's some secret xml database for photo comments the script can access, searching through them is not practical.

Note that the script doesn't look for comments until you select a photo. Otherwise, looking for all the comments would be a bit too request-heavy.

It hasn't been working for tagged photos since 1.6. That particular update sped up finding the pictures, but sacrificed compatibility with tagged photos. I'd right another part for tagged photos, but it doesn't seem too practical because you can't see the people who've been "tagged".
 
May 19, 2008
Brandonbray User

oh, and it's not working in the Tagged Photos album (*viewTaggedPhotos&friendID=*)
:)
 
May 19, 2008
Brandonbray User

nice. it's working again.
while checking the comments, I started thinking (again), would it be possible to search through the comments either by keyword or by name? When looking through a large album, it would be nice to see how often someone has commented my pictures, or to look for a specific comment when I can't remember which picture it's on. Would it require the script to quickly scroll/flip through all the pictures to index the comment texts (preferably without loading each picture, since the album is quite large)?
 
May 17, 2008
RunningBlind Script's author

It's also not getting names at all. Weird...
 
May 17, 2008
RunningBlind Script's author

@Brandonbray

That's really weird. The pattern is predictable though, I'm getting every other comment, i.e. its skipping the odd-numbered ones.

It's probably just a change they made to the coding, I'll definitely try for a fix.

Thanks
 
May 15, 2008
Brandonbray User

I just noticed that not all the comments are showing up. It says it's displaying "1-3 of 3" comments, but sometimes it shows none, 1, 2, or 3. Is it a problem with the script, or has myspace made a way to hide comments? I looked at my own pics with comments, and didn't see a way to hide individual ones, but I did see that there is even a picture in my own album that is missing comments.
 
Apr 25, 2008
RunningBlind Script's author

@georgie

It looks like you have two versions of the script installed (1.7 and one prior to 1.6.2).

Just open up the greasemonkey script module and look to see if MySpace - Enhanced Photos shows up twice.
 
Apr 24, 2008
georgie Scriptwright

if you could fix it that'd be pretty tite
 
Apr 23, 2008
georgie Scriptwright

dude, there are two sections of this!!!

look: http://i152.photobucket.com/albums/s200/deluxx9...
 
Apr 19, 2008
RunningBlind Script's author

Thanks, guys.

@Brandonbray
I don't think there is a way to find that out, but it'd be nice to include in a later update if its possible.
 
Apr 18, 2008
CstrzRock Scriptwright

amazing script!
not a single problem with it at all
good work!
 
Apr 18, 2008
Brandonbray User

I think myspace broke it...
and I was just thinking, does myspace record when a photo was uploaded?
 
Apr 11, 2008
jjchampion User

Woah, this is fantastic. Great job!
 
Apr 9, 2008
WickedWisdom User

Seriously great job! A+ !!
 
Apr 7, 2008
RunningBlind Script's author

Thanks for the suggestion, however, I don't believe it's possible.

I'm pretty sure the only way you can rotate images in JavaScript is to use IE filters or switch out the image for another that's already rotated.

Unfortunately the first method won't work in Firefox and the second won't work because the script cannot save the image in its rotate forms.

If I find a solution, I'd definitely want to use it on this script, but until then you'll just have to turn your head to the side. :D
 
Apr 7, 2008
xcesx User

Sweet script man...
I have a suggestion, can you add like a rotate button somewhere next the pic?...some of my friends have these sideway pics that i wish weren't sideways, you know what i mean?...so yeah that would be great
 
Apr 5, 2008
RunningBlind Script's author

schweet.
 
Apr 5, 2008
Brandonbray User

perfect.

You could comment on this script if you were logged in.