ID (ANCHOR)

There are situations when you may wish to give your image an ID. The most frequent use case is when you wish to anchor a link, a button, or another image to your image.

This can be set up as follows:

  1. Give your image an ID.
    • TIP: ensure your ID is in lowercase and also with no spaces (use hyphens rather than spaces). E.g. #your-object.
  2. You may now create an anchor link in the following locations:
    • Another image (i.e. when you anchor one image to another). Use the 'Anchor List' drop down in the image.
    • A Button. Use the 'Anchor List' drop down in the button. 
    • A Text Link. NB for a Text Link there is no 'Anchor List', however in the URL field, use a # before your adding your ID. E.g. #your-object.
  3. In Buttons and Images, notice that the 'Anchor List' drop down will automatically display your image ID.
    • Select the image ID from the dropdown list.
  4. Ensure that 'Scroll To' is on for Images, Buttons and Text Links (For Text Links, select 'Scroll' from the 'Class' dropdown).
  5. Now when a visitor clicks on the Image, Button or Text Link containing the image ID, the page will scroll to (either up or down) your image.

70 Award
Winning AI Themes

Start your AI Website now
Start your AI Agency now

GETTING AROUND

GET A QUOTE

A Web Builder for Design. A CMS for Business. We serve all businesses from SME's to Enterprise. Talk with us for AI development, custom website design, website development, ecommerce websites, directories, intranets and social networks.