Jason W Sadler

Site is looking great!

And that is all...

I haven't posted anything on this site in forever... so yeah, there ya go.

This photo was taken for me to be used on Justin Daniel's new website I'm building and it is not very good. Not the photographer's fault but the camera's (it looks as though the image is exposed for the table lights). Here is what I was able to do with Nik's Dfine 2.0 and Photoshop CS3.

(original)

(Dfine 2.0 + levels + highlights/shadows)

100% Crop:

(original)

(Dfine 2.0 + levels + highlights/shadows)

As you can see the Dfine 2.0 Photoshop plugin does wonders for noise reduction especially when you've only got photos like this to work with. If you want to learn more about the software go to http://www.niksoftware.com/dfine/usa/entry.php. It truly is amazing.

I added a new feature to the gallery photos which is a mouseover that displays the photos technical details when you hover over an image in a CSS menu style. Let me tell you how I got it to work...
 
First-off since I'm using drupal I'm obviously using views, so what I did was add the content fields in views and excluded the display on each field and created a global field to piece them together in an HTML format using the fields' tokens (these fields are my camera/lens info and aperture, shutter, and ISO fields). I put them all inside a main div container  and put the photo details inside it's own.
 
So I've got this to work with:

<div class="gallery-photo">
     [field_image_fid]
     <div class="photo-details">
          <p>[field_camera_nid] w/ [field_lens_nid]</p>
          <p>[field_focal_length_value] - [field_aperture_value]@[field_shutter_speed_value] ISO [field_iso_value]</p>
     </div>
</div>
 
All I needed to do was set the image to be visible, and the details to be hidden unless the the user hovers over the image, and that code looks like this:
 
.gallery-photo img {
visibility:visible;
}
.gallery-photo {
font-size:0.75em;
line-height:12px;
visibility:hidden;
}
.photo-details {
background:#FFFFE0;
margin-top:-10px;
position:absolute;
width:148px;
border:1px solid #CCCCCC;
padding:1px;
}
.gallery-photo:hover {
visibility:visible;
}
 
And presto... A nice little CSS add-on. Took me a couple hours with some trial and error and tweaking so I hope it works for you as well. Now I've just got to go through the photos and add the details.

Started only last week and its nearly done!