Добрый день, с jquery работаю недавно по этому заранее прошу извинить за тупость.
Задача такова сделать слайдер контента который еще выполняет функции навигации п категориям сайта.
Аналог:
http://www.fxguide.com/podcasts/
Использую тот же слайдер что и в аналоге. Работает он так, при клике на dt разворачивается содержимое dd.
<div id="slidedeck_frame" class="skin-slidedeck">
<dl class="slidedeck">
<dt>Slide 1</dt>
<dd>Slide content</dd>
<dt>Slide 2</dt>
<dd>Slide content</dd>
<dt>Slide 3</dt>
<dd>Slide content</dd>
<dt>Slide 4</dt>
<dd>Slide content</dd>
<dt>Slide 5</dt>
<dd>Slide content</dd>
</dl>
</div>
Скрипт для ajax.
var AjaxContent = function(){
var container_div = '';
var content_div = '';
return {
getContent : function(url){
$(container_div).animate({opacity:0}, //Turn the opacity to 0
function(){ // the callback, loads the content with ajax
$(container_div).load(url+" "+content_div, //only loads the selected portion
function(){
$(container_div).animate({opacity:1}); //and finally bring back the opacity back to 1
}
);
});
},
ajaxify_links: function(elements){
$(elements).click(function(){
AjaxContent.getContent(this.rel);
return false; //prevents the link from beign followed
});
},
init: function(params){ //sets the initial parameters
container_div = params.containerDiv;
content_div = params.contentDiv;
return this; //returns the object in order to make it chainable
}
}
}();
Работа ajax-скрипта:
http://gravitys.com/colorist/ajax/
Нужно синхронизировать работу слайдера и этого скрипта.
Вот что у меня
получилось:
Как видно при на нажатии на ссылку работает ajax при нажатии на dt слайдер. Я пытался связать их через событие click для dt, но не смог получить адрес ссылки (.
Очень прошу помочь, как быть, в каком направлении двигаться, или как возможно синхронизировать работу скриптов?
