How do I add a link to my banner image?

I'd like to make my banner image in Adirondack a link to a different page on my site, but only on my homepage. Has anyone been able to do this?

asked May 31 '13 at 12:45 by jonfreed 113

jQuery will do the trick:

$(".homepage .main-image-wrapper img").wrap("<a href='/page'></a>'");
(May 31 '13 at 13:27) krystynheide

jQuery will do the trick (add this to the Page Header Code Injection):

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<script>$(".homepage .main-image-wrapper img").wrap("<a href='/page'></a>'");</script>

I think that's it. It's been a while. Let me know if it works/doesn't work for you.

answered May 31 '13 at 13:50 by krystynheide 1.2k59

link
1

Worked like a charm!

(May 31 '13 at 14:00) jonfreed

Is there a way to modify this script to enable click-through links from the front page slideshow on several templates?

Several templates have front page slideshow clickthroughs disabled, which is really annoying!

Ideally, I'd like somehow to link all the slides in the slideshow to the same URL (to make it easier).

Is there a way of doing this with JQuery - Tried modifying the script above so that it references the CSS related to the slideshow, but with no iuck.

(Sep 26 '13 at 11:03) szracer
Your Answer
toggle preview

Follow This Question

Once you sign in you will be able to subscribe for any updates here

Markdown Basics

  • *italic* or __italic__
  • **bold** or __bold__
  • link:[text](http://url.com/ "title")
  • image?![alt text](/path/img.jpg "title")
  • numbered list: 1. Foo 2. Bar
  • to add a line break simply add two spaces to where you would like the new line to be.
  • basic HTML tags are also supported

Tags:

×2
×1
×1

Asked: May 31 '13 at 12:45

Seen: 1,498 times

Last updated: Sep 27 '13 at 05:10

Established 2004 Handmade in NYC