View Full Version : Change border size on click
rainprel
Aug-01-2009, 03:08 AM
Hello. Does anyone know the code/script to change the border size of an image on click (from thumbnail to larger size)?
Thanks in advance.
jfriend
Aug-01-2009, 04:58 PM
Hello. Does anyone know the code/script to change the border size of an image on click (from thumbnail to larger size)?
Thanks in advance. It's not clear to me what you're asking for. First off, what kind of page are you asking about. Is it a gallery in the Smugmug view? Can you please post a link to at least one of your galleries?
Second, please describe again what you want to have happen. When a viewer clicks on a thumb, what do you want to have happen?
rainprel
Aug-02-2009, 12:31 AM
It's not clear to me what you're asking for. First off, what kind of page are you asking about. Is it a gallery in the Smugmug view? Can you please post a link to at least one of your galleries?
Second, please describe again what you want to have happen. When a viewer clicks on a thumb, what do you want to have happen?
Hello. Thanks for replying.
It would be for an all-thumbs gallery. When a viewer clicks on a thumb, it will obviously take you to a bigger image. I would like this bigger image to have at least a 6 or 8px border around it instead of the default 1px.
A lot of my galleries are on an all-thumbs style, but just for an example link:
http://www.yenbaet.com/gallery/8662095_CTZUK
or http://rainprel.smumug.com/gallery/8662095_CTZUK
Thanks again.
jfriend
Aug-02-2009, 05:22 AM
Hello. Thanks for replying.
It would be for an all-thumbs gallery. When a viewer clicks on a thumb, it will obviously take you to a bigger image. I would like this bigger image to have at least a 6 or 8px border around it instead of the default 1px.
A lot of my galleries are on an all-thumbs style, but just for an example link:
http://www.yenbaet.com/gallery/8662095_CTZUK
or http://rainprel.smumug.com/gallery/8662095_CTZUK
Thanks again.
Try adding this CSS:
#singleImage #photoWrapper div {border: 8px solid #CCCCCC !important;}
rainprel
Aug-02-2009, 08:52 AM
Try adding this CSS:
#singleImage #photoWrapper div {border: 8px solid #CCCCCC !important;}
Thank you so much, John. Worked great! You are awesome. Have a great day...
vBulletin® v3.8.5, Copyright ©2000-2012, Jelsoft Enterprises Ltd.