About this topic

  • Posted by kamalm 1 year ago. There are 7 posts. The latest reply is from kamalm.
  • This topic is not resolved
  1. Hi again Byron!

    Photosmash randomly started working on my site... Not sure why! :)

    I checked out StLouie.com and I really like how you set up the images there -- I had wanted to do something very similar with my models gallery. Namely:

    (1) Decrease space between the thumbnails. I only want about 5-10 pixels between thumbnails (in any direction).

    (2) Customize the appearance of my thumbnails (want border color to change on hover)

    (3) Have the thumbnail itself link to a thickbox

    (4) Have a link floated over the thumbnail that links to the attachment page.

    I would really appreciate any guidance, help, or instructions!

    Thank you so much.
    Mar

  2. Hi Kamalm,

    Well, I'm very glad it's working now. There could have easily been another conflicting plugin or a cache issue. These things happen.

    Your best bet is probably to use a Custom Layout. To get started with that, go to PhotoSmash Settings / Advanced, and turn on "Show Advanced Menu Items:". After you save that, you should see a new menu option for Layout Editor.

    There is a pre-delivered layout called Std_Widget. You should edit that layout and copy the code from all of the boxes into a new layout. Save your new layout as one that you can play with. The Std_Widget layout is a good starting point.

    To show one of these custom layouts in your gallery, you can either select it from the dropdown: Gallery Settings / Gallery Options - "Display using Layout", or you can specify it in your shortcode: [photosmash layout=Std_Widget] That will show the gallery using the standard widget layout. To show your own custom layout, once you've created it in Layout Editor, you can call it using the name you give it: [photosmash layout='my_layout']

    There are a list of the fields and tags you can use in your standard layouts on the right hand side of the Layout Editor. There are lots of things so with a little html, css, and the tags in Layout Editor, you can build almost anything (I say almost, but it's probably actually "anything possible with css, javascript, and html").

    Hope that helps get you started. When I get time I will do some video tutorials. I bought Camtasia for Mac and a microphone and everything...now I just need some time :(

    Byron

  3. Hi again Byron,

    Thanks so much! I will play with this when I have time (isn't it such a hot commodity).

    Since you're such an expert, do you think you could take a quick at my WP forum post about my attachment image size?

    http://wordpress.org/support/topic/375727?replies=1

    You'll def be one of my new favorite ppl if you make time for that. :)

    Thanks dude,
    Mar

  4. Hi Byron,

    I toyed with the custom layout and it works great! The thumbnails look exactly as I want them to, and they link to thickbox while the floating 'comment' link goes to the attachment page.

    2 questions:

    (1) Within the thickbox, how can I get "prev" and "next" arrows so that the user can browse the gallery within that thickbox? (i.e. you don't have to keep closing and opening thickboxes?)

    (2) This is a silly one, but perturbing: the thickbox with my upload form is perfectly sized, but I can't get rid of the horizontal scrollbar! Ideas why?

    Here is the code for my custom form:

    <div class="col1_cat_art">
    <div class="post-alt2 blog">
    
    <span class="entry2"><font face="Verdana, sans-serif">
    
    <table width="445">
    
    <tr>
    <td width="445">
    
    <h2>Prospective Sapna Models: Submission Form</h2><BR>
    Limits: Files must be smaller than 500KB. JPG or GIF images only.<BR>
    File name <strong>must</strong> include first and last name. <strong>Example: sana_khan.jpg</strong><BR><BR>
    
    Full Name [caption]<BR><BR>
    
    Email [email]<BR><BR>
    
    Image [image_select]<BR><BR>
    
    Please enter a brief description of yourself:<BR>
    [description]<BR><BR>
    
    By clicking Submit, you are <strong>consenting to public display of your <BR>photo</strong> on sapnamagazine.com. To submit privately, email <BR>contribute@sapnamagazine.com.<BR><BR>
    
    [submit] [done]
    
    </td>
    
    </tr>
    <tr>
    <td>
    <spacer type="block" size="445">
    </td>
    </tr>
    </table>
    
    </font>
    </span>
    </div>
    </div>

    Thanks again, so much, in advance! You've definitely delivered some of the quickest and most helpful assistance I've ever encountered on the internet.

    :)
    Mar

  5. P.S. If it helps, you can see everything in action at http://www.sapnamagazine.com/models

  6. One last thing -- it would be cool if after clicking thumbnail, while in the thickbox, there were links for prev and next image, as well as functionality of left and right keyboard arrows allowing the user to browse the gallery within thickbox.

    Thanks again :)

  7. Ok I know I said it was the last thing -- but just saw your demo and really like how that thickbox is styled, would love some tips ;)

RSS feed for this topic