Приветствую.
Помогите пожалуйста подправить скрипт (ротатор) . Вот сам скрипт :
function initSlideShow(){
var href = '';
if ($('.action-container').length > 0){
$('.action-container').each(function(){
var bioLam = $(this);
href = $('.add-options .right',bioLam).attr('href')+'/@@ph_helper_view/slideshow';
$.ajax({
url: href,
success: function(data) {
var finalData = '';
if (data != ''){
if (typeof(data) == 'string'){
finalData = eval('('+data+')');
}
else {finalData = data;}
}
else{
window.console && console.log('data is null');
}
slideShowData(finalData,bioLam);
}
});
});
}
else{
var bioLam = $('.inner');
href = window.location.href+'/@@ph_helper_view/slideshow';
$.ajax({
url: href,
success: function(data) {
var finalData = '';
if (data != ''){
if (typeof(data) == 'string'){
finalData = eval('('+data+')');
}
else {finalData = data;}
}
else{
window.console && console.log('data is null');
}
slideShowData(finalData,bioLam);
}
});
}
}
function slideShowData(finalData,bioLam){
for (var i=0;i<finalData.length;i++){
$('<img/>',{src:finalData[i]}).appendTo($('.bio-lam-c .cover',bioLam));
}
if (finalData.length > 0){
var interval = setInterval(
function(){
runSlideShow($('.bio-lam-c .cover img:visible',bioLam),bioLam);
},4000
)
}
}
function runSlideShow(item,bioLam){
item.fadeOut(1000);
if (item.next().length > 0){
item.next().fadeIn(1000);
}
else {
$('.bio-lam-c .cover img:eq(0)',bioLam).fadeIn(1000);
}
}
Вывожу изображения :
<div class="inner">
<div class="bio-lam-c">
<span class="cover">
<img src="${team_image($team['image'])}" width="502" height="272"/>
<img src="${team_image($team['image1'])}" width="502" height="272"/>
<img src="${team_image($team['image2'])}" width="502" height="272"/>
</span>
</div>
</div>
Помогите прикрутить JS к моему коду