jQuery цикл() переименование страницы?

Question

Пожалуйста, как установить jQuery .cycle() плагин для ссылки <a href="", чтобы перейти на слайд цикла NAME? Пример.

<div id="slides"> 
<div name="slide_blue"> content of slide name slide_blue</div> 
<div name="slide_red"> content of slide name slide_red</div> 
</div> 

и мне нужно creatie ссылки:

<a href=".cycle() to div name slide_blue">Blue<a> 
<a href=".cycle() to div name slide_red">Red<a> 

JQuery пример настройки

$("#slides").cycle({ 
fx: 'ScrollHorz' 
}); 

Может abybody помочь мне создать ссылки на имя набора слайдов цикла?

Answer 1

Живая DEMO && code

Что-то вроде этого, изменить его к вашим потребностям:

<div id="slides"> 
<div name="slide_blue"> content of slide name slide_blue</div> 
<div name="slide_red"> content of slide name slide_red</div> 
<div name="slide_yellow"> content of slide name slide_yellow</div> 
</div> 

<div> 
    <a href=".cycle() to div name slide_blue" class="slide_blue">Blue<a> 
    <a href=".cycle() to div name slide_red" class="slide_red">Red<a> 
    <a href=".cycle() to div name slide_yellow" class="slide_yellow">Yellow<a> 
</div> 

<script> 
(function() { 

    $("#slides").cycle({ 
     fx: 'scrollRight' 
    }); 

    var cycleTo = function() { 
     var className = $(this).attr('class'); 
     var divSelected = $('#slides div[name='+className+']'); 
     var slideIndex = $('#slides div').index(divSelected); 
     $('#slides').cycle(slideIndex); 
     return false; 
    } 

    $('div a').click(cycleTo); 

}()) 
</script>