Clicking on the respective images causes the body text to change
But I still have 2 issues here:
1) the roundAbout has stopped working!
2) the change in body text should also change the "highlighted in blue" link in the left panel

The return false prevents the default action, which would be to follow the a-link, but it probably also cancels the roundabout's click-event.

They don't need to be a-links. They could just be images (or images in some other element) with a data-attribute containing the ids. css could be used if you want them to show the hand when pointing at them.

img { cursor: pointer; cursor: hand; }

If you change these then you could remove return false; and use jQuery's data() method, rather than attr() to obtain the id.

You might try just removing return false as the roundabout might then run and this may already cancel the following of the a-link.

Re: Activate internal links within JS roundabout

But the left panel and the roundabout are not in sync, i.e. the rotation causes the body text to change, but the click on left panel does not cause a change in rotation. And after rotating, the "selected" project should be highlighted.

Re: Activate internal links within JS roundabout

Posted 26 February 2014 - 04:22 AM

So, I tried to do the following - as done before in tabs and tabs_pics. This code snippet should change the newly defined panel content in addition to the body content. A click on the roundabout image should change the selected link in the let panel and make it blue: