[Pro] Carousel 2 Links?

Freeway
1

How do I have a Carousel 2 or Carousel 2 Pane link to an internal or external page? When I select the inline html box that Carousel 2 is applied to their is no link option.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

2

You cannot apply a link directly to an HTML box. You have to add another element inside the HTML box (graphic or HTML text) and apply the link to that. You can fake a link on an HTML box with JavaScript, but that won’t be a real link and search engines will not follow or index it. This has nothing to do with Carousel, it’s just how HTML works.

Walter

On Jun 7, 2013, at 1:55 AM, RavenManiac wrote:

How do I have a Carousel 2 or Carousel 2 Pane link to an internal or external page? When I select the inline html box that Carousel 2 is applied to their is no link option.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

3

Thanks Walter. This is just a contest link, being promoted by a printed piece, so it’s probably better that the search engines don’t index it. :slight_smile:

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

4

View your page in a browser, and manipulate the pane into view. Control-click (or right-click) on the pane that you want to become a link, and choose Inspect Element from the contextual menu. Note the ID of that box (case-sensitive). I am having you do it this way, rather than looking in Freeway, because I believe the Action may manipulate the ID of the box.

Now, apply Protaculous 2 to the page, and click into the DOM Loaded Observer editor. Paste in the following, and then ensure that you change the part that reads ‘theBox’ to the actual ID that you noted in the Web Inspector.

$('theBox').observe('click', function(){
	window.location.href = 'http://your-contest-url.com';
}).setStyle('cursor:pointer');

Oh, and obviously put in your contest URL, too.

Walter

On Jun 7, 2013, at 8:53 AM, RavenManiac wrote:

Thanks Walter. This is just a contest link, being promoted by a printed piece, so it’s probably better that the search engines don’t index it. :slight_smile:

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

5

Am I better off using this technique instead of the javascript option you posted here?

http://freewaytalk.net/thread/view/40140#latest

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

6

Either one should work. This is neater, since you don’t have to put script inline in your HTML. It’s considered the more professional of the two. In function, they are more or less identical.

Walter

On Jun 7, 2013, at 9:10 AM, RavenManiac wrote:

Am I better off using this technique instead of the javascript option you posted here?

http://freewaytalk.net/thread/view/40140#latest

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options