• GoDaddy Community
  • Websites + Marketing | Website Builders
  • Websites + Marketing | Website Builders

    cancel
    Showing results for 
    Show  only  | Search instead for 
    Did you mean: 
    Go to solution
    Highlighted

    How do I add an image (stored in Website Builder gallery) using HTML Code settings?

    Using HTML Code Settings, I've written code that changes a photo from Grayscale to Color on mouseover and have added it to a prebuilt page in Website Builder. The image is stored on Website Builder. What do I write in the image tag to access that image? <img src="???"/> 

    9 REPLIES 9
    Anonymous
    Not applicable

    Re: How do I add an image (stored in Website Builder gallery) using HTML Code settings?

    Hi @grebebird,

     

    <img alt="<#CDATA#>" src="<#URI#>">

     

    The alt is a brief description of the image in case either the image is not displayed, or a blind or partially sighted person has software that reads out websites for them (I bet few know that). The 'src', well as long as the image is in the same folder, only the image file name need be inserted. If the file is elsewhere then the full path to the file would be needed. 

    If at any time you get a box with a question mark, go over everything again. The '<>' are not to be included inside the image tags. No closing tag is needed. The quotation marks are needed ' "image.png"'

    Re: How do I add an image (stored in Website Builder gallery) using HTML Code settings?

    Hi, I know how the image tag works - that's not the problem I'm having. The issue I'm trying to solve is how to access the images I've stored through Webpage Builder in GoDaddy. What is the image path to access an image that is stored there?

     

    For instance, if I'm accessing images stored locally in a folder named "images" on my hard drive I would write "images/image.png".

     

    So what is the path to access images stored on Webpage Builder?

    Re: How do I add an image (stored in Website Builder gallery) using HTML Code settings?

     

    Re: How do I add an image (stored in Website Builder gallery) using HTML Code settings?

    Hi did you find out how to do this? I have the same issue.

    New

    Re: How do I add an image (stored in Website Builder gallery) using HTML Code settings?

    same issue here. what's the path?
    Helper II
    Helper II
    Solution

    Re: How do I add an image (stored in Website Builder gallery) using HTML Code settings?

    Do you want to know the path of the image in Go Central?   For that, I temporarily add it from the library to a page, right click on the image and "copy image address"...   Then remove it from the page after I get it's address.    The address will have some image size arguments after the .jpg .png .gif that you can remove and just use the address up to the .jpg (etc)

     

    https://img1.wsimg.com/isteam/ip/ea7b4576-597d-4599-b696-d8690c023d0c/e437ca96-c6c7-4080-a00b-882e67...

     

    reduce to

    https://img1.wsimg.com/isteam/ip/ea7b4576-597d-4599-b696-d8690c023d0c/e437ca96-c6c7-4080-a00b-882e67...

     

    Re: How do I add an image (stored in Website Builder gallery) using HTML Code settings?

    Awesome this works! thanks

    Re: How do I add an image (stored in Website Builder gallery) using HTML Code settings?

    I tried what you suggested and was unable to find the url

    Am I missing a step

    Step

    1. Added the picture to the photo gallery

    2. right click : only options I saw were view source and inspect element

    New

    Re: How do I add an image (stored in Website Builder gallery) using HTML Code settings?

    Preview the page, then try.