Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

blaek

Member
  • Content Count

    10
  • Joined

  • Last visited

Reputation Activity

  1. Love
    blaek got a reaction from Chele in Image hover change   
    I've used this code successfully in a Code Block:
    <img src="COVER_IMAGE" onmouseover="this.src='OTHER_IMAGE'" onmouseout="this.src='COVER_IMAGE'">
    In order to use this, open Design > Custom CSS > "Manage Custom Files"
    Upload your "Cover Image" file (the image you want to display by default). Click on that image in the file browser Now in the CSS editor you will see a link that looks something like https://static.squarespace.com/Cover_Image.png Copy that link and paste it in place of COVER_IMAGE in the code block Repeat 1-4 with your "Other Image" (the image you want to display while hovering) and paste the link in place of OTHER_IMAGE in the code block Good luck
  2. Thanks
    blaek got a reaction from earthwindflowermoon in Image hover change   
    I've used this code successfully in a Code Block:
    <img src="COVER_IMAGE" onmouseover="this.src='OTHER_IMAGE'" onmouseout="this.src='COVER_IMAGE'">
    In order to use this, open Design > Custom CSS > "Manage Custom Files"
    Upload your "Cover Image" file (the image you want to display by default). Click on that image in the file browser Now in the CSS editor you will see a link that looks something like https://static.squarespace.com/Cover_Image.png Copy that link and paste it in place of COVER_IMAGE in the code block Repeat 1-4 with your "Other Image" (the image you want to display while hovering) and paste the link in place of OTHER_IMAGE in the code block Good luck
  3. Thanks
    blaek got a reaction from Lennetje in Image hover change   
    I've used this code successfully in a Code Block:
    <img src="COVER_IMAGE" onmouseover="this.src='OTHER_IMAGE'" onmouseout="this.src='COVER_IMAGE'">
    In order to use this, open Design > Custom CSS > "Manage Custom Files"
    Upload your "Cover Image" file (the image you want to display by default). Click on that image in the file browser Now in the CSS editor you will see a link that looks something like https://static.squarespace.com/Cover_Image.png Copy that link and paste it in place of COVER_IMAGE in the code block Repeat 1-4 with your "Other Image" (the image you want to display while hovering) and paste the link in place of OTHER_IMAGE in the code block Good luck
×
×
  • Create New...