I'm trying to build a URL that will link directly to a specific slide using the Rhino slider. The documentation shows how to do it if you are on the same page the slider lives on, but I want to link from one page with just text to a page with the slider on it and target a specific slide. Here's my code:
<head>
<script type="text/javascript">
$(document).ready(function(){
$('#slider').rhinoslider();
});
</script>
<script type="text/javascript">
function rgo(id)
{
var cur_id = $('#slider').find('li.rhino-active').index();
if (cur_id!=id)
$('#slider').data('rhinoslider').next($('#rhino-item'+id));
return false;
}
</script>
</head>
<body>
<ul id="slider">
<li id="rhino-item0">
<!-- html code here -->
</li>
<li id="rhino-item1">
<!-- html code here -->
</li>
<li id="rhino-item2">
<!-- html code here -->
</li>
</ul>
<p><a href="#" onclick="return rgo(2)">Go to slide3</a></p>
<p><a href="#" onclick="return rgo(4)">Go to slide5</a></p>
Like I stated, this will work if you're already on the same page that the slider lives on. But I want to build a static URL that will link directly to a slide. I tried this with no luck:
<a href="https://www.myurl.com/#slider" onclick="return rgo(2)">click here for slide 3</a>
Any help would be greatly appreciated. Thank you!