Всем привет! Пытаюсь опять установить один слайдер, но проблемка как всегда в яваскрипте.
Вот на этом сайте - артикли, речь идёт об этом слайдере http://fashion4ever.de/testshop/index.php a выглядеть должен слайдер как здесь: http://flat.tempteria.de/ снизу под Unsere Empfehlungen
добавил этот яваскрипт, но не идёт:
< type="text/java" src="http://www.fashion4ever.de/testshop/templates/EyeCandy/gallery/jquery.js"></>
< type="text/java" src="http://www.fashion4ever.de/testshop/templates/EyeCandy/gallery/jquery.carouFredSel-6.2.1-packed.js"></>
< type="text/java">
(function( $ ) {
var tab = $(this);
$.each($('.list_carousel'), function() {
var tab = $(this);
$('#' + tab.attr('id')).find('.gallery').carouFredSel({
auto : false,
prev : {
button : function() {
return tab.find('.prev');
}
},
next : {
button : function() {
return tab.find('.next');
}
},
mousewheel: true,
swipe: {
: true,
onTouch: true}
});
});
})(jQuery);
</>
Кто может помогите, благодарю!

этот яваскрипт тоже не идёт, что я делаю не так?
(function( $ ) {
var tab = $(this);
$.each($('.list_carousel'), function() {
var tab = $(this);
$('#' + tab.attr('id')).find('.gallery').carouFredSel({
auto : false,
prev : {
button : function() {
return tab.find('.prev');
}
},
next : {
button : function() {
return tab.find('.next');
}
},
mousewheel: true,
swipe: {
: true,
onTouch: true}
});
});
})(jQuery);
</>

размести в интернете минимальный код со сладером и выложи сюда ссылку на страничку.

No body

к моменту выполнения твое срипта ещё не загружены эллементы с классом list_carousel в DOM.
Как исправить:

	$(document).ready(function() {
		$.each($('.list_carousel'), function() {
			var tab = $(this);
			$('#' + tab.attr('id')).find('.gallery').carouFredSel({
				auto : false,
				prev : {
				button : function() {
				return tab.find('.prev');
				}
				},
				next : {
				button : function() {
				return tab.find('.next');
				}
				},
				mousewheel: true,
				swipe: {
				: true,
				onTouch: true}
			});
		});
	});

Leider geht das auch nicht.

ты скрипт вставил с ошибкой. убери строчку:
})(jQuery);

убрал, но всёравно не идёт. уже по всякому делал.

убери:
< type="text/java" src="./testshop_files/gm_java.js.php"></>
без него у меня работает.

имееш ввиду это?
< type="text/java" src="templates/EyeCandy/gallery/jquery-1.8.1.min.js"></>
< type="text/java" src="templates/EyeCandy/gallery/jquery.carouFredSel-6.2.1-packed.js"></>

имею ввиду вот это:
< type="text/java" src="gm_java.js.php?XTCsid=65dd3c7551227d3e3a2720f1a28486fc&XTCsid_name=XTCsid&page=Index¤t_template=EyeCandy">
в m_java.js.php вижу старый jquery.

Теперь всё ок!
Благодарю!
С уважением.
Александер

Слайдер шол, до тех пор пока я не привизал другие 2 слайдера: Nivo-Slider и Scroll-to-top
Теперь nivo-slider идёт, scroll-to-top слайдер идёт а тот другой слайдер (который в начале темы) не идёт. Привязка яваскрипта нужна видимо другая, так как эти два привязаны.
Nivo-Slider - идёт:
< type="text/java" src="/templates/EyeCandy/nivo-slider/jquery-1.7.1.min.js"></>
< type="text/java" src="/templates/EyeCandy/nivo-slider/jquery.nivo.slider.pack.js"></>
< type="text/java">
var $jq = jQuery.noConflict();
$jq(document).ready(function(){
$jq('#slider').nivoSlider({
randomStart: true,
});
});
</>
Scroll-to-top - идёт
< type="text/java" src="/templates/EyeCandy/scroll-to-top/js/jquery-1.7.1.min.js"></>
< type="text/java">
$(document).ready(function(){
// hide #back-top first
$("#back-top").hide();
// fade in #back-top
$(function () {
$(window).scroll(function () {
if ($(this).scrollTop() > 100) {
$('#back-top').fadeIn();
} else {
$('#back-top').fadeOut();
}
});
// scroll body to 0px on click
$('#back-top a').click(function () {
$('body,html').animate({
scrollTop: 0
}, 800);
return false;
});
});
});
</>
List-carousel - не идёт
< type="text/java" src="templates/EyeCandy/gallery/jquery-1.8.1.min.js"></>
< type="text/java" src="templates/EyeCandy/gallery/jquery.carouFredSel-6.2.1-packed.js"></>
< type="text/java" src="templates/EyeCandy/gallery/jquery.mousewheel.min.js"></>
< type="text/java">
$jq(window).load(function(){
$.each($('.list_carousel'), function() {
var tab = $(this);
$('#' + tab.attr('id')).find('.gallery').carouFredSel({
auto : false,
prev : {
button : function() {
return tab.find('.prev');
}
},
next : {
button : function() {
return tab.find('.next');
}
},
mousewheel: true,
swipe: {
: true,
onTouch: true}
});
});
})(jQuery);
</>
< type="text/java" src="gm_java.js.php?XTCsid=65dd3c7551227d3e3a2720f1a28486fc&XTCsid_name=XTCsid&page=Index¤t_template=EyeCandy">
этот выше указанный скрипт он нужен я его когда убрал слайдер шол.

Погугли "несколько версий jquery", а потом бери бубен и начинай пляску с оборачиванием и noConflict. Это всегда геморойно, поэтому стараются иметь только одну версию jquery.

а это как понять?

Всё идёт спасибо. Просто местами поменял, теперь идёт.

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