PDA

View Full Version : images beside each other

MJphoto
Feb-11-2010, 05:37 PM
hi there is there such a way to get these two images to link to my two different pages but have them right beside each other?
from here
http://photobok.smugmug.com/Other/Services/11215032_RaW8S
the pages i want to link to are
http://photobok.smugmug.com/gallery/11214126_oz5pU
http://photobok.smugmug.com/gallery/11214501_nvboM
jfriend
Feb-11-2010, 06:01 PM
Paste this HTML into the gallery description for that gallery:

<html><a href="http://photobok.smugmug.com/gallery/11214126_oz5pU"><img src="http://photobok.smugmug.com/Other/Services/pricing/786433782_37qbm-S-2.jpg" border="0"></a>
<a href="http://photobok.smugmug.com/gallery/11214501_nvboM"><img src="http://photobok.smugmug.com/Other/Services/my-links/786433778_QGSFb-S-1.jpg" border="0"></a></html>


Then, add this CSS to your site-wide-customization:

.gallery_11215032 #breadCrumbTrail,
.gallery_11215032 #slideshowButton,
.gallery_11215032 .albumNav,
.gallery_11215032 .journal_entry {display:none;}

.gallery_11215032 #journal {width: 446px; text-align:center;}
.gallery_11215032 #albumDescription {border: none;}

Post back when you see the results and let me know if it needs any more tweaking.
MJphoto
Feb-11-2010, 06:15 PM
i have just put the images that i want on the page http://photobok.smugmug.com/Other/Services/11215032_RaW8S

how do i get these two to sit beside each other and linked
to the pages
http://photobok.smugmug.com/gallery/11214126_oz5pU
http://photobok.smugmug.com/gallery/11214501_nvboM
jfriend
Feb-11-2010, 07:20 PM
i have just put the images that i want on the page http://photobok.smugmug.com/Other/Services/11215032_RaW8S

how do i get these two to sit beside each other and linked
to the pages
http://photobok.smugmug.com/gallery/11214126_oz5pU
http://photobok.smugmug.com/gallery/11214501_nvboM Didn't I just give you the entire instructions for doing this in my previous post?
MJphoto
Feb-11-2010, 07:24 PM
Didn't I just give you the entire instructions for doing this in my previous post?

yes however the pictures have changed so when i input that code it shows the old pcitures i want new ones sorry to be a pain and repost twice
jfriend
Feb-11-2010, 07:29 PM
yes however the pictures have changed so when i input that code it shows the old pcitures i want new ones sorry to be a pain and repost twice Use the Share button to get the direct links to the right size of those two new images. Then, replace the URL in the <img src="xxxx"> with the new URLs. The HTML is right there in front of you. Just change the image links to the ones you want.
MJphoto
Feb-11-2010, 07:34 PM
Use the Share button to get the direct links to the right size of those two new images. Then, replace the URL in the <img src="xxxx"> with the new URLs. The HTML is right there in front of you. Just change the image links to the ones you want.

i dont understand how to do this?
jfriend
Feb-11-2010, 07:35 PM
i dont understand how to do this? What part do you not understand?
MJphoto
Feb-11-2010, 07:36 PM
What part do you not understand?

the click the share button and then replace to code part, so pretty much the whole thing
jfriend
Feb-11-2010, 07:50 PM
the click the share button and then replace to code part, so pretty much the whole thing Turn on easy sharing for the gallery in gallery settings. That will give you a share button. Then, click the share button and choose Get a Link. Then pick the image you want. The choose the size of the image you want. Now you have the direct link to the image on your clipboard. Take that and paste it into the HTML in place of one of the previous images you gave me. Then, repeat the process for the second image. Then, go back and turn easy sharing off to hide the share button.