• Gear
  • Shots
  • Photo Craft
  • Video
  • Wide Angle
  • Support
  • New Stuff
  • More
Support SmugMug Customization Is this do-able with smugmug?

FAQtoid

Ever wanted to create an Avatar? Creating an Avatar!

Searching Dgrin with Google Searching with Google

Dgrin Challenges

Congratulations to the Winner of DSS #128 (Sunrise or Sunset), ShootingStar.

The next Dgrin Challenge DSS #129 (Silhouette Revisited ) is open for entries through May 27th, 2013 at 8:00pm PDT.

As always, we look forward to your participation but please do take a moment to read through the rules before posting your entry.

Past DSS Challenge Winners, DSS Challenge Rules, and other important DSS Challenge information is here.

Need some help with Accessories?

Tutorials

Ever find yourself wondering just how someone managed to create an image using different effects?

Here are three simple tutorials we hope will encourage you to try something new.

The Hot Seat

A lifelong interest in landscape photography has led Eyal Oren to make a study of his adopted hometown of Marblehead, MA. As you can see, his dedication is paying off!

Africa!

Dgrinners Harryb, Pathfinder, and others joined Andy Williams and Marc Muench on Safari in East Africa recently. Here are some awesome threads to check out!

SmugMug How To:

SmugMug News:

SmugMug Status

 
Thread Tools Display Modes
Old Jul-07-2012, 02:35 PM
#1
eric-holmes is offline eric-holmes OP
Major grins
eric-holmes's Avatar
Is this do-able with smugmug?
I ran across this and I am really thinking about implementing it for my portfolio page. Instead of having a drop down menu for each different catagory, clicking the portfolio button would take you to another page with these options of the different categories, then it would take you to the appropriate gallery.

This is the link to the demo of how it would work. http://tympanus.net/Tutorials/Origin...s/index10.html

This is a link to the guide files. http://tympanus.net/codrops/2011/11/...cts-with-css3/

I have tried doing this own my own in a test gallery, but I was unsuccessful. I could not figure out where to put each of the codes. I think this would look amazing and I bet others would too.
__________________
www.ericholmesphotography.com
Old Jul-10-2012, 06:00 AM
#2
bobbyhero is offline bobbyhero
Smug Hero
bobbyhero's Avatar
You could (theoretically) implement this "hover" effect on your SmugMug site. However, you'd need to re-create the thumbnail layout, and not rely on the default Category/Gallery thumbnails. You'd essentially need to create the landing page from scratch, call jQuery into the <head> section of the Advanced Customizer, and paste the necessary CSS (into the CSS section). It would be a fair amount of work, but I'm sure it could be done.
__________________
Bobby
SmugMug Hero & CSS Monkey
SmugMug | Customization Resources
Old Jul-10-2012, 11:31 AM
#3
Allen is online now Allen
"tweak 'til it squeaks"
Allen's Avatar
Quote:
Originally Posted by eric-holmes View Post
I ran across this and I am really thinking about implementing it for my portfolio page. Instead of having a drop down menu for each different catagory, clicking the portfolio button would take you to another page with these options of the different categories, then it would take you to the appropriate gallery.

This is the link to the demo of how it would work. http://tympanus.net/Tutorials/Origin...s/index10.html

This is a link to the guide files. http://tympanus.net/codrops/2011/11/...cts-with-css3/

I have tried doing this own my own in a test gallery, but I was unsuccessful. I could not figure out where to put each of the codes. I think this would look amazing and I bet others would too.
How about something like this? You can use any size photo.
Code:
<html>
<h3><center>Portraits</center></h3> 

<table align="center" width="700"> 
<tbody>

<tr> 
  <td> 
    <a href="/gallery/17328880_n4NJJf">    <!-- Engagements -->
    <img src="/photos/xxxxxxxx-Th.jpg"
       onmouseover="this.src='"/photos/xxxxxxxx-Th.jpg'"
       onmouseout="this.src='"/photos/xxxxxxxx-Th.jpg'"></a> 
  </td> 
 
  <td> 
    <a href="/gallery/18469496_rQqCmH">    <!-- Graduates -->
    <img src="/photos/xxxxxxxx-Th.jpg" onmouseover="this.src='"/photos/xxxxxxxx-Th.jpg'" onmouseout="this.src='"/photos/xxxxxxxx-Th.jpg'"></a>
  </td> 
 
  <td> 
    <a href="/gallery/19338431_kktJfH">    <!-- Bridals -->
    <img src="/photos/xxxxxxxx-Th.jpg" onmouseover="this.src='"/photos/xxxxxxxx-Th.jpg'" onmouseout="this.src='"/photos/xxxxxxxx-Th.jpg'"></a>
  </td> 
</tr>

<tr align="center"  height="50" valign="top">
  <td><a href="/gallery/17328880_n4NJJf">Engagements</a></td> 
  <td><a href="/gallery/18469496_rQqCmH">Graduates</a></td> 
  <td><a href="/gallery/19338431_kktJfH">Bridals</a></td> 
</tr>

<tr> 
  <td> 
    <a href="/gallery/19339872_zvG5QF">    <!-- Weddings -->
    <img src="/photos/xxxxxxxx-Th.jpg" onmouseover="this.src='"/photos/xxxxxxxx-Th.jpg'" onmouseout="this.src='"/photos/xxxxxxxx-Th.jpg'"></a>
  </td> 
 
  <td> 
    <a href="/gallery/21936092_t8HppT">    <!-- General -->
    <img src="/photos/xxxxxxxx-Th.jpg" onmouseover="this.src='"/photos/xxxxxxxx-Th.jpg'" onmouseout="this.src='"/photos/xxxxxxxx-Th.jpg'"></a>
  </td> 
</tr>

<tr align="center"  height="50" valign="top">
  <td><a href="/gallery/19339872_zvG5QF">Weddings</a></td> 
  <td><a href="/gallery/21936092_t8HppT">General</a></td> 
</tr>

</tbody> 
</table>
</html>
Last edited by Allen; Jul-18-2012 at 04:30 AM.
Old Jul-17-2012, 09:49 PM
#4
Soul Gaze Photography is offline Soul Gaze Photography
Photographic Artist
Soul Gaze Photography's Avatar
Quote:
Originally Posted by eric-holmes View Post
I ran across this and I am really thinking about implementing it for my portfolio page. Instead of having a drop down menu for each different catagory, clicking the portfolio button would take you to another page with these options of the different categories, then it would take you to the appropriate gallery.

This is the link to the demo of how it would work. http://tympanus.net/Tutorials/Origin...s/index10.html

This is a link to the guide files. http://tympanus.net/codrops/2011/11/...cts-with-css3/

I have tried doing this own my own in a test gallery, but I was unsuccessful. I could not figure out where to put each of the codes. I think this would look amazing and I bet others would too.
I agree with eric-holmes, this would be awesome to implement. The hover effect looks more professional than just static images such as mine here: http://www.soulgazephotography.com/P...3743664_gDL8n4
__________________
SmugMug: http://soulgazephotography.smugmug.com/
Social media links, portfolio and bio on my website. ^

Proud & helpful Smugger! Please hire me for Support Hero!! :)
I've only bugged Jill since April 2011 and I even wrote a poem!!
Tell The World!  
Similar Threads Thread Starter Forum Replies Last Post
SmugMug on TV and Tablets - Where? How? bcuzz SmugMug Support 15 Nov-28-2011 09:26 AM
SmugMug + Blurb Book partnership ... David Tomic SmugMug Pro Sales Support 77 Nov-17-2007 06:23 AM
smugmug vs. pbase - Does anyone use the smugmug "traditional" view? jfriend SmugMug Support 45 Feb-17-2006 08:48 AM
Smugmug Explorer crash on File->Get Categories dilbert SmugMug APIs, Hacks & Tricks 2 Jan-09-2005 09:58 AM


« Previous Thread | Next Thread »
Thread Tools
Display Modes
Linear Mode Linear Mode

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
Forum Jump