Перейти к публикации
Гость doubleman

DataLife Engine Слайдер

Рекомендованные сообщения

Гость doubleman

Ребят,помогите,не работает слайдер,а именно переключатель картинок.

 

<script type="text/javascript" src="{THEME}/js/slides.js"></script>

<script type="text/javascript">

$(function(){

$('#slides').slides({

effect: 'fade',

play: 5000,

pause: 2500,

generatePagination: false,

preload: true,

hoverPause: true

});

});

</script>

<div id="sliderbox">

<div id="slides">

<div class="thide toprd"> </div>

<div class="slides_container">

<div><a href="#"><img src="{THEME}/img/slide1.jpg" alt="" /></a></div>

<div><a href="#"><img src="{THEME}/img/slide2.jpg" alt="" /></a></div>

</div>

<a href="" class="thide prev"><</a>

<a href="" class="thide next">></a>

</div>

<div id="alphpanel">

{include file="alp.tpl"}

</div>

</div>

Если не понятно вот ссылка на сайт (не реклама) http://vpkstars.p.ht

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
webil

у вас конфликт скриптов в libs.js

26 строка object [object Object] has no method 'slider'

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Гость doubleman

Спасибо большое,тему можно закрывать)

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Гость doubleman

Все получилось,но исчезло вот такая функция http://www.youtube.com/watch?v=DJ4BT7DzIWw&feature=youtu.be

На видео показано как при наведения на "Новости"Выходят другие ссылки,а после того как я установил код,у меня это пропало,помогите)

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
webil

Спасибо большое,тему можно закрывать)

 

Что именно сделали?

 

Все получилось,но исчезло вот такая функция

На видео показано как при наведения на "Новости"Выходят другие ссылки,а после того как я установил код,у меня это пропало,помогите)

 

Ммм какой код вы установили?))

 

Проще наверно написать коротенький скрипт который будет выполнять эту функцию чем искать почему так случилось что она перестает работать, тем более что сейчас все сделано по старому и в исходнике ошибку не могу найти на глаз...

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Гость doubleman

Вот Libs.js

/*TopMenu*/
$(document).ready(function(){
$('#topmenu li').filter(function(index){
  return $('ul', this).length;
}).addClass('sublink');
$('#topmenu li').hover(
  function() {
   $(this).addClass("selected");
   $(this).find('ul').stop(true, true);
   $(this).find('ul').show('fast');
  },
  function() {
   $(this).find('ul').hide();
   $(this).removeClass("selected");
  }
);
});
/*Scroller*/
$(function() {
  //scrollpane parts
  var scrollPane = $( ".scroll-pane" ),
   scrollContent = $( "#scroll-content" );
 
  //build slider

[b]object [object Object] has no method 'slider'[/b]
   slide: function( event, ui ) {
    if ( scrollContent.width() > scrollPane.width() ) {
	 scrollContent.css( "margin-left", Math.round(
		
	  ui.value / 100 * ( scrollPane.width() - scrollContent.width() )
	 ) + "px" );
    } else {
	 scrollContent.css( "margin-left", 0 );
    }
   }
  });
  var h=0;
   $("#scroll-content").find("li").each(function(){
   h+=$(this).width();
  }).end().width(h);
 
  //append icon to handle
  var handleHelper = scrollbar.find( ".ui-slider-handle" )
  .mousedown(function() {
   scrollbar.width( handleHelper.width() );
  })
  .mouseup(function() {
   scrollbar.width( "100%" );
  })
  .append( "<span><b class='thide'><...></b></span>" )
  .wrap( "<div class='ui-handle-helper-parent'></div>" ).parent();
 
  //change overflow to hidden now that slider handles the scrolling
  scrollPane.css( "overflow", "hidden" );
 
  //size scrollbar and handle proportionally to scroll distance
  function sizeScrollbar() {
   var remainder = scrollContent.width() - scrollPane.width();
   var proportion = remainder / scrollContent.width();
   var handleSize = scrollPane.width() - ( proportion * scrollPane.width() );
   scrollbar.find( ".ui-slider-handle" ).css({
    width: handleSize,
    "margin-left": -handleSize / 2
   });
   handleHelper.width( "" ).width( scrollbar.width() - handleSize );
  }
 
  //reset slider value based on scroll content position
  function resetValue() {
   var remainder = scrollPane.width() - scrollContent.width();
   var leftVal = scrollContent.css( "margin-left" ) === "auto" ? 0 :
    parseInt( scrollContent.css( "margin-left" ) );
   var percentage = Math.round( leftVal / remainder * 100 );
   scrollbar.slider( "value", percentage );
  }
 
  //if the slider is 100% and window gets larger, reveal content
  function reflowContent() {
    var showing = scrollContent.width() + parseInt( scrollContent.css( "margin-left" ), 10 );
    var gap = scrollPane.width() - showing;
    if ( gap > 0 ) {
	 scrollContent.css( "margin-left", parseInt( scrollContent.css( "margin-left" ), 10 ) + gap );
    }
  }
 
  //change handle position on window resize
  $( window ).resize(function() {
   resetValue();
   sizeScrollbar();
   reflowContent();
  });
  //init scrollbar size
  setTimeout( sizeScrollbar, 10 );//safari wants a timeout
});
/*End Scroller*/
/*LoginUserDialog*/
$(function() {
$( '#dialoguser' ).dialog({
  autoOpen: false,
  width: 320
});
$('#loginuser').click(function(){
  $('#dialoguser').dialog('open');
  return false;
});
});
/*PollDialog*/
$(function() {
$( "#polldialog" ).dialog({
  autoOpen: false,
  width: 450
});
$('#polllink a').click(function(){
  $('#polldialog').dialog('open');
  return false;
});
});
/* Slidedown */
$.fn.Button=function(sel)
{
var closed=true,
  th=this;
$(sel).hide();
$(this).removeClass('selected').click(function(){
  $(sel).slideToggle("slow");
  $(this).toggleClass("selected");
  closed=!closed;
  return false;
});
$(document).click(function(e){
  if(closed)
   return;
  var target=e.target||e.srcElement;
  while(target)
  {
   var ret=false;
   $(sel).each(function(){
    if(ret=target==this)
	 return false;
   });
   if(ret)
    return;
   target=target.parentNode;
  }
  $(sel).hide('slow');
  $(th).removeClass('selected');
  closed=true;
});
return this;
}
/* Tabs */
$(document).ready(function(){
var tabContainers = $('#alphpanel .tabcont');
  tabContainers.hide().filter(':first').show();
	   
  $('#alphpanel .tabmenu a').click(function () {
   tabContainers.hide();
   tabContainers.filter(this.hash).show();
   $('#alphpanel .tabmenu a').removeClass('selected');
   $(this).addClass('selected');
   return false;
  }).filter(':first').click();
});
$(document).ready(function(){
var tabContainers = $('#btabs .tabcont');
  tabContainers.hide().filter(':first').show();
	   
  $('#btabs .tabmenu a').click(function () {
   tabContainers.hide();
   tabContainers.filter(this.hash).show();
   $('#btabs .tabmenu a').removeClass('selected');
   $(this).addClass('selected');
   return false;
  }).filter(':first').click();
});
$(document).ready(function(){
var tabContainers = $('#awtabs .tabcont');
  tabContainers.hide().filter(':first').show();
	   
  $('#awtabs .tabmenu a').click(function () {
   tabContainers.hide();
   tabContainers.filter(this.hash).show();
   $('#awtabs .tabmenu a').removeClass('selected');
   $(this).addClass('selected');
   return false;
  }).filter(':first').click();
});
$(document).ready(function() {
$('#tocoms').click(function(){
$('#toaddcom').animate({scrollTop:0}, 'slow');
return false;
});
});
/* Favorites */
function addBookmark(title, url) {
if (document.all)
  window.external.AddFavorite(url,title);
else
  window.sidebar.addPanel(title,url,'');
}
/*UserInfo*/
$(document).ready(function(){
$('.cominf').hover(
  function() {
   $(this).find('.cominfbox').stop(true, true);
   $(this).find('.cominfbox').show('fast');
  },
  function() {
   $(this).find('.cominfbox').hide();
   $(this).removeClass("selected");
  }
);
});

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
webil

Вот Libs.js

/*TopMenu*/
$(document).ready(function(){
$('#topmenu li').filter(function(index){
  return $('ul', this).length;
}).addClass('sublink');
$('#topmenu li').hover(
  function() {
   $(this).addClass("selected");
   $(this).find('ul').stop(true, true);
   $(this).find('ul').show('fast');
  },
  function() {
   $(this).find('ul').hide();
   $(this).removeClass("selected");
  }
);
});
/*Scroller*/
$(function() {
  //scrollpane parts
  var scrollPane = $( ".scroll-pane" ),
   scrollContent = $( "#scroll-content" );

  //build slider

[b]object [object Object] has no method 'slider'[/b]
   slide: function( event, ui ) {
	if ( scrollContent.width() > scrollPane.width() ) {
	 scrollContent.css( "margin-left", Math.round(
		
	  ui.value / 100 * ( scrollPane.width() - scrollContent.width() )
	 ) + "px" );
	} else {
	 scrollContent.css( "margin-left", 0 );
	}
   }
  });
  var h=0;
   $("#scroll-content").find("li").each(function(){
   h+=$(this).width();
  }).end().width(h);

  //append icon to handle
  var handleHelper = scrollbar.find( ".ui-slider-handle" )
  .mousedown(function() {
   scrollbar.width( handleHelper.width() );
  })
  .mouseup(function() {
   scrollbar.width( "100%" );
  })
  .append( "<span><b class='thide'><...></b></span>" )
  .wrap( "<div class='ui-handle-helper-parent'></div>" ).parent();

  //change overflow to hidden now that slider handles the scrolling
  scrollPane.css( "overflow", "hidden" );

  //size scrollbar and handle proportionally to scroll distance
  function sizeScrollbar() {
   var remainder = scrollContent.width() - scrollPane.width();
   var proportion = remainder / scrollContent.width();
   var handleSize = scrollPane.width() - ( proportion * scrollPane.width() );
   scrollbar.find( ".ui-slider-handle" ).css({
	width: handleSize,
	"margin-left": -handleSize / 2
   });
   handleHelper.width( "" ).width( scrollbar.width() - handleSize );
  }

  //reset slider value based on scroll content position
  function resetValue() {
   var remainder = scrollPane.width() - scrollContent.width();
   var leftVal = scrollContent.css( "margin-left" ) === "auto" ? 0 :
	parseInt( scrollContent.css( "margin-left" ) );
   var percentage = Math.round( leftVal / remainder * 100 );
   scrollbar.slider( "value", percentage );
  }

  //if the slider is 100% and window gets larger, reveal content
  function reflowContent() {
	var showing = scrollContent.width() + parseInt( scrollContent.css( "margin-left" ), 10 );
	var gap = scrollPane.width() - showing;
	if ( gap > 0 ) {
	 scrollContent.css( "margin-left", parseInt( scrollContent.css( "margin-left" ), 10 ) + gap );
	}
  }

  //change handle position on window resize
  $( window ).resize(function() {
   resetValue();
   sizeScrollbar();
   reflowContent();
  });
  //init scrollbar size
  setTimeout( sizeScrollbar, 10 );//safari wants a timeout
});
/*End Scroller*/
/*LoginUserDialog*/
$(function() {
$( '#dialoguser' ).dialog({
  autoOpen: false,
  width: 320
});
$('#loginuser').click(function(){
  $('#dialoguser').dialog('open');
  return false;
});
});
/*PollDialog*/
$(function() {
$( "#polldialog" ).dialog({
  autoOpen: false,
  width: 450
});
$('#polllink a').click(function(){
  $('#polldialog').dialog('open');
  return false;
});
});
/* Slidedown */
$.fn.Button=function(sel)
{
var closed=true,
  th=this;
$(sel).hide();
$(this).removeClass('selected').click(function(){
  $(sel).slideToggle("slow");
  $(this).toggleClass("selected");
  closed=!closed;
  return false;
});
$(document).click(function(e){
  if(closed)
   return;
  var target=e.target||e.srcElement;
  while(target)
  {
   var ret=false;
   $(sel).each(function(){
	if(ret=target==this)
	 return false;
   });
   if(ret)
	return;
   target=target.parentNode;
  }
  $(sel).hide('slow');
  $(th).removeClass('selected');
  closed=true;
});
return this;
}
/* Tabs */
$(document).ready(function(){
var tabContainers = $('#alphpanel .tabcont');
  tabContainers.hide().filter(':first').show();
	  
  $('#alphpanel .tabmenu a').click(function () {
   tabContainers.hide();
   tabContainers.filter(this.hash).show();
   $('#alphpanel .tabmenu a').removeClass('selected');
   $(this).addClass('selected');
   return false;
  }).filter(':first').click();
});
$(document).ready(function(){
var tabContainers = $('#btabs .tabcont');
  tabContainers.hide().filter(':first').show();
	  
  $('#btabs .tabmenu a').click(function () {
   tabContainers.hide();
   tabContainers.filter(this.hash).show();
   $('#btabs .tabmenu a').removeClass('selected');
   $(this).addClass('selected');
   return false;
  }).filter(':first').click();
});
$(document).ready(function(){
var tabContainers = $('#awtabs .tabcont');
  tabContainers.hide().filter(':first').show();
	  
  $('#awtabs .tabmenu a').click(function () {
   tabContainers.hide();
   tabContainers.filter(this.hash).show();
   $('#awtabs .tabmenu a').removeClass('selected');
   $(this).addClass('selected');
   return false;
  }).filter(':first').click();
});
$(document).ready(function() {
$('#tocoms').click(function(){
$('#toaddcom').animate({scrollTop:0}, 'slow');
return false;
});
});
/* Favorites */
function addBookmark(title, url) {
if (document.all)
  window.external.AddFavorite(url,title);
else
  window.sidebar.addPanel(title,url,'');
}
/*UserInfo*/
$(document).ready(function(){
$('.cominf').hover(
  function() {
   $(this).find('.cominfbox').stop(true, true);
   $(this).find('.cominfbox').show('fast');
  },
  function() {
   $(this).find('.cominfbox').hide();
   $(this).removeClass("selected");
  }
);
});
Вы множите сделать то что вы делали из за чего у вас все заработало кроме навигации т.к. я в конфликтах и ошибках в jq и js мало что понимаю

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
TheAndrey

Удалите этот слайдер из libs.js

Изображение

Из-за одной ошибки перестаёт работать всё.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Гость doubleman

Убрал,но все равно не получается

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
TheAndrey

И что же Вы сделали??

Изображение

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Гость doubleman

Было много ошибок,исправил их,а толка нет,потом взял все удалил.Ничего не изменилось,и я все удалил в libs.js,И опять же ничего не изменилось.

Может дело в другом js'e?

Изменено пользователем doubleman

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
webil

могу только посоветовать удалить слайдер и найти в инете новый

 

Попробуйте это поставить в libs

 

/*TopMenu*/
$(document).ready(function(){
$('#topmenu li').filter(function(index){
  return $('ul', this).length;
}).addClass('sublink');
$('#topmenu li').hover(
  function() {
   $(this).addClass("selected");
   $(this).find('ul').stop(true, true);
   $(this).find('ul').show('fast');
  },
  function() {
   $(this).find('ul').hide();
   $(this).removeClass("selected");
  }
);
});
/*Scroller*/
$(function() {
  //scrollpane parts
  var scrollPane = $( ".scroll-pane" ),
   scrollContent = $( "#scroll-content" );

  //append icon to handle
  var handleHelper = scrollbar.find( ".ui-slider-handle" )
  .mousedown(function() {
   scrollbar.width( handleHelper.width() );
  })
  .mouseup(function() {
   scrollbar.width( "100%" );
  })
  .append( "<span><b class='thide'><...></b></span>" )
  .wrap( "<div class='ui-handle-helper-parent'></div>" ).parent();

  //change overflow to hidden now that slider handles the scrolling
  scrollPane.css( "overflow", "hidden" );

  //size scrollbar and handle proportionally to scroll distance
  function sizeScrollbar() {
   var remainder = scrollContent.width() - scrollPane.width();
   var proportion = remainder / scrollContent.width();
   var handleSize = scrollPane.width() - ( proportion * scrollPane.width() );
   scrollbar.find( ".ui-slider-handle" ).css({
    width: handleSize,
    "margin-left": -handleSize / 2
   });
   handleHelper.width( "" ).width( scrollbar.width() - handleSize );
  }

  //reset slider value based on scroll content position
  function resetValue() {
   var remainder = scrollPane.width() - scrollContent.width();
   var leftVal = scrollContent.css( "margin-left" ) === "auto" ? 0 :
    parseInt( scrollContent.css( "margin-left" ) );
   var percentage = Math.round( leftVal / remainder * 100 );
   scrollbar.slider( "value", percentage );
  }

  //if the slider is 100% and window gets larger, reveal content
  function reflowContent() {
    var showing = scrollContent.width() + parseInt( scrollContent.css( "margin-left" ), 10 );
    var gap = scrollPane.width() - showing;
    if ( gap > 0 ) {
		 scrollContent.css( "margin-left", parseInt( scrollContent.css( "margin-left" ), 10 ) + gap );
    }
  }

  //change handle position on window resize
  $( window ).resize(function() {
   resetValue();
   sizeScrollbar();
   reflowContent();
  });
  //init scrollbar size
  setTimeout( sizeScrollbar, 10 );//safari wants a timeout
});
/*End Scroller*/
/*LoginUserDialog*/
$(function() {
$( '#dialoguser' ).dialog({
  autoOpen: false,
  width: 320
});
$('#loginuser').click(function(){
  $('#dialoguser').dialog('open');
  return false;
});
});
/*PollDialog*/
$(function() {
$( "#polldialog" ).dialog({
  autoOpen: false,
  width: 450
});
$('#polllink a').click(function(){
  $('#polldialog').dialog('open');
  return false;
});
});
/* Slidedown */
$.fn.Button=function(sel)
{
var closed=true,
  th=this;
$(sel).hide();
$(this).removeClass('selected').click(function(){
  $(sel).slideToggle("slow");
  $(this).toggleClass("selected");
  closed=!closed;
  return false;
});
$(document).click(function(e){
  if(closed)
   return;
  var target=e.target||e.srcElement;
  while(target)
  {
   var ret=false;
   $(sel).each(function(){
    if(ret=target==this)
		 return false;
   });
   if(ret)
    return;
   target=target.parentNode;
  }
  $(sel).hide('slow');
  $(th).removeClass('selected');
  closed=true;
});
return this;
}
/* Tabs */
$(document).ready(function(){
var tabContainers = $('#alphpanel .tabcont');
  tabContainers.hide().filter(':first').show();
		  
  $('#alphpanel .tabmenu a').click(function () {
   tabContainers.hide();
   tabContainers.filter(this.hash).show();
   $('#alphpanel .tabmenu a').removeClass('selected');
   $(this).addClass('selected');
   return false;
  }).filter(':first').click();
});
$(document).ready(function(){
var tabContainers = $('#btabs .tabcont');
  tabContainers.hide().filter(':first').show();
		  
  $('#btabs .tabmenu a').click(function () {
   tabContainers.hide();
   tabContainers.filter(this.hash).show();
   $('#btabs .tabmenu a').removeClass('selected');
   $(this).addClass('selected');
   return false;
  }).filter(':first').click();
});
$(document).ready(function(){
var tabContainers = $('#awtabs .tabcont');
  tabContainers.hide().filter(':first').show();
		  
  $('#awtabs .tabmenu a').click(function () {
   tabContainers.hide();
   tabContainers.filter(this.hash).show();
   $('#awtabs .tabmenu a').removeClass('selected');
   $(this).addClass('selected');
   return false;
  }).filter(':first').click();
});
$(document).ready(function() {
$('#tocoms').click(function(){
$('#toaddcom').animate({scrollTop:0}, 'slow');
return false;
});
});
/* Favorites */
function addBookmark(title, url) {
if (document.all)
  window.external.AddFavorite(url,title);
else
  window.sidebar.addPanel(title,url,'');
}
/*UserInfo*/
$(document).ready(function(){
$('.cominf').hover(
  function() {
   $(this).find('.cominfbox').stop(true, true);
   $(this).find('.cominfbox').show('fast');
  },
  function() {
   $(this).find('.cominfbox').hide();
   $(this).removeClass("selected");
  }
);
});

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Гость doubleman

Ладно,закройте тему,это бесполезно..

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Гость
Эта тема закрыта для публикации сообщений.

×
×
  • Создать...