How do I use a custom button image

[shawnt66]

I have the code for the payment button that I created but I would like to use my own button image.  HOw do I edit the code so that I can show my own button image on my website?

Thank you

[RaynorC1emen7]

If you are talking about Simple Checkout item? just change the image src to your image on your website.

[shawnt66]

Yes.  Thank you.  Can you tell me which is the image source?  I am sorry if this is a dumb question, I searched for answers to this before posting the question.

Here is the code it gave me. 

<form name="PrePage" method = "post" action = "https://Simplecheckout.authorize.net/payment/CatalogPayment.aspx"> <input type = "hidden" name = "LinkId" value ="aad-76-ee-32-381" /> <input type = "submit" value = "Pay for Appraisal" /> </form>

[RaynorC1emen7]

<form name="PrePage" method = "post" action = "https://Simplecheckout.authorize.net/payment/CatalogPayment.aspx"> <input type = "hidden" name = "LinkId" value ="aad-76-ee-32-381" /> <input type = "image" src="http://www.yourwebsite.com/yourPaymentImage.gif" /> </form>

[shawnt66]

I created this button that has a rollover state so it's not something I can just link to an image file the way they have it.  Do they code for a custom button, rather than a form?  We are using CSS rollover attributes for our button and not a static image.

This is for simple checkout

My rollover code:

<a id="gallery-blocks1" href="https://Simplecheckout.authorize.net/payment/CatalogPayment.aspx"></a>

Authorize button code:

<form name="PrePage" method = "post" action = "https://Simplecheckout.authorize.net/payment/CatalogPayment.aspx"> <input type = "hidden" name = "LinkId" value ="aaad-76-3ee-32-8c8c61" /> <input type = "image" src="http://www.yourwebsite.com/yourPaymentImage.gif" /> </form>

[RaynorC1emen7]

It need the form post to work.

See if something like this will work for you.

<form class="rolloverStyle" style="width:160px;height:300px;background:url(mouseOver.jpg) no-repeat;" name="PrePage" id="PrePage" method="post" action="https://Simplecheckout.authorize.net/payment/CatalogPayment.aspx">
<input type="hidden" name="LinkId" value="aaad-76-3ee-32-8c8c61" />
<a onclick="document.getElementById('PrePage').submit();"><input type="image" src="MouseOut.jpg" /></a>
</form>

css

* html a:hover
{
visibility:visible
}
.rolloverStyle a:hover input
{
visibility:hidden
}

[elizabethr4]

I have followed this discussion, and tried to substitute my own image for Authorize.net's, the image I want is hosted on my site, but it does not load the image. What else might be happening? The image path is correct. I have "000" instead of the LinkId value. Thanks for any suggestions!

Here is my form code:

<form name="PrePage" method = "post" action = "https://Simplecheckout.authorize.net/payment/CatalogPayment.aspx"> <input type = "hidden" name = "LinkId" value ="000000000" /> <input type = "image" src="http://www.mdsg.clientwebdev.com/images/layout/donate-button.png" /> </form>

Here is the webpage:  http://www.mdsg.clientwebdev.com/index.php

It's in the upper right corner, in the blue CONTRIBUTE box. The button says "DONATE NOW" in blue on a white background. 

Thanks!

[elizabethr4]

Nevermind, I fixed it! For some reason, it wasn't refreshing when I uploaded a corrected page. Who knows!