Turn an image into a cool link

Create a mouseover effect with images.

  1. Add two images to your page.
  2. Choose an image that you want your visitors to see first. 
  3. With this first image, go to the “Link” tab in the editing menu.
  4. Change the “Link to” - “No Link Set” to “Your Pages” from the drop down menu. Do not choose a page where this will go to. 
  5. Click “Apply” from the editing menu. 
  6. While this first image is still selected, hold “Shift” on your keyboard and click on the second image.
  7. Drag the drop down file on to the page. Found Here if you don't already have it. 
  8. If this has been successfully added, a message “ Run Action : Dropdownmasterz” will appear at the bottom middle of your page.
  9. With both of these images now highlighted in a group, use your keyboard and type “js” without the quotation marks. 
  10. You will then see the image below. 
  11. In step 6 of the JavaScript, change the trigger from ‘click’ to ‘hover’. It will then look like this.
  12. Click on “Save & Close” at the top right of this window. 
  13. Click “Save” and “View Live” to see your cool link in effect. 

Tip : You can change the positioning of the second image without having to undo the cool link. Click on only the second image and drag to where you want this to appear.

User Icon

Thank you for your feedback!

Was this article helpful?
Thank you for your feedback!