Danke.
Ich habs auch gleich versucht und auch mit Hilfe von Youtube-Clips bring ich es nicht hin.
Ich hab auch bei jeden js jQuery(document).ready(function($) eingefügt statt nur (document).ready(function($).
Jetzt läd der Slider überhaupt nicht mehr.
Aktuelle anfangs Codes:
index.php:
[CODE]
Page
<link rel="stylesheet" type="text/css" href="stylesheet.css"/>
<link href="lightbox.css" rel="/test/stylesheet" />
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<link rel="stylesheet" href="bjqs.css">
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="js/bjqs-1.3.min.js"></script>
<script src="js/general.js"></script>
<div id="container">
<div id="banner-slide">
<!-- start Basic Jquery Slider -->
<ul class="bjqs">
<li><a href="http://google.ch"><img src="img/banner01.jpg" title=""></a></li>
<li><img src="img/banner02.jpg" title=""></li>
<li><img src="img/banner03.jpg" title=""></li>
</ul>
<!-- end Basic jQuery Slider -->
</div>
<script class="secret-source">
var $ = jQuery.noConflict();
jQuery(document).ready(function($) {
$('#banner-slide').bjqs({
animtype : 'slide',
height : 320,
width : 820,
responsive : false,
randomstart : false
});
});
</script>
</div>
<div id="main">
<div id="cmain"></div>
<div id="footer">
<p>Page</p>
</div>
</div>
[/CODE]
Dynamisches laden js
var $= jQuery.noConflict();
jQuery(document).ready(function($) {
//$('#mainpage').load('mainpage/home.php');
$('ul#nav li a').click(function() {
var page = $(this).attr('href');
$('#cmain').load('branchen/' + page + '.php');
return false;
});
$('ul#butt li a').click(function() {
var page = $(this).attr('href');
$('#cmain').load('mainpage/' + page + '.php');
return false;
});
$('ul#aus1 li a').click(function() {
var foo = ('mainpage/' + page + '.php');
alert(foo);
var page = $(this).attr('href');
$('#cmain').load('mainpage/' + page + '.php');
return false;
});
$('ul#werben1 li a').click(function() {
var foo = ('mainpage/basic.php');
alert(foo);
var page = $(this).attr('href');
$('#cmain').load('mainpage/basic.php');
return false;
});
$(function(){
$('ul#butt li a.extern').click(function(){
window.open(this.href);
return false;
});
});
$("ul#butt li a").live('click', function() {
$("ul#butt li a").removeClass("selected");
$(this).addClass("selected");
return false;
});
});
Slider js
var $ = jQuery.noConflict();
jQuery(document).ready(function($) {
"use strict";
$.fn.bjqs = function(o) {
// slider default settings
var defaults = {
// w + h to enforce consistency
width : 700,
height : 300,
}
// update the dimensions to the slider to accomodate all the slides side by side
$slider.css({
'width' : responsive.width * (state.slidecount + 2),
'left' : -responsive.width * state.currentslide
});
}
else {
$canvas.css({
'width' : settings.width,
'height' : settings.height,
'overflow' : 'hidden',
'position' : 'relative'
});
// update the dimensions to the slider to accomodate all the slides side by side
$slider.css({
'width' : settings.width * (state.slidecount + 2),
'left' : -settings.width * state.currentslide
});
}
// add some inline styles which will align our slides for left-right sliding
$slides.css({
'float' : 'left',
'position' : 'relative',
'display' : 'list-item'
});
// 'everything.. in it's right place'
$canvas.prependTo($wrapper);
$slider.appendTo($canvas);
};
var conf_controls = function() {
// create the elements for the controls
$c_wrapper = $('<ul class="bjqs-controls"></ul>');
$c_fwd = $('<li class="bjqs-next"><a href="#" data-direction="'+ vars.fwd +'">' + settings.nexttext + '</a></li>');
$c_prev = $('<li class="bjqs-prev"><a href="#" data-direction="'+ vars.prev +'">' + settings.prevtext + '</a></li>');
// bind click events
$c_wrapper.on('click','a',function(e){
e.preventDefault();
var direction = $(this).attr('data-direction');
if(!state.animating){
if(direction === vars.fwd){
go(vars.fwd,false);
}
if(direction === vars.prev){
go(vars.prev,false);
}
}
});
// put 'em all together
$c_prev.appendTo($c_wrapper);
$c_fwd.appendTo($c_wrapper);
$c_wrapper.appendTo($wrapper);
// vertically center the controls
if (settings.centercontrols) {
$c_wrapper.addClass('v-centered');
// calculate offset % for vertical positioning
var offset_px = ($wrapper.height() - $c_fwd.children('a').outerHeight()) / 2,
ratio = (offset_px / settings.height) * 100,
offset = ratio + '%';
$c_fwd.find('a').css('top', offset);
$c_prev.find('a').css('top', offset);
}
};
var conf_markers = function() {
// create a wrapper for our markers
$m_wrapper = $('<ol class="bjqs-markers"></ol>');
// for every slide, create a marker
$.each($slides, function(key, slide){
var slidenum = key + 1,
gotoslide = key + 1;
if(settings.animtype === 'slide'){
// + 2 to account for clones
gotoslide = key + 2;
}
var marker = $('<li><a href="#">'+ slidenum +'</a></li>');
// set the first marker to be active
if(slidenum === state.currentslide){ marker.addClass('active-marker'); }
// bind the click event
marker.on('click','a',function(e){
e.preventDefault();
if(!state.animating && state.currentslide !== gotoslide){
go(false,gotoslide);
}
});
// add the marker to the wrapper
marker.appendTo($m_wrapper);
});
$m_wrapper.appendTo($wrapper);
$m_markers = $m_wrapper.find('li');
});
}
// slide animation
if(settings.animtype === 'slide'){
if(settings.showmarkers){
var markerindex = state.nextindex-1;
if(markerindex === state.slidecount-2){
markerindex = 0;
}
else if(markerindex === -1){
markerindex = state.slidecount-3;
}
$m_markers.removeClass('active-marker');
$m_markers.eq(markerindex).addClass('active-marker');
}
// if the slider is responsive && the calculated width is less than the max width
if(settings.responsive && ( responsive.width < settings.width ) ){
state.slidewidth = responsive.width;
}
else{
state.slidewidth = settings.width;
}
$slider.animate({'left': -state.nextindex * state.slidewidth }, settings.animduration, function(){
state.currentslide = state.nextslide;
state.currentindex = state.nextindex;
// is the current slide a clone?
if($slides.eq(state.currentindex).attr('data-clone') === 'last'){
// affirmative, at the last slide (clone of first)
$slider.css({'left': -state.slidewidth });
state.currentslide = 2;
state.currentindex = 1;
}
else if($slides.eq(state.currentindex).attr('data-clone') === 'first'){
// affirmative, at the fist slide (clone of last)
$slider.css({'left': -state.slidewidth *(state.slidecount - 2)});
state.currentslide = state.slidecount - 1;
state.currentindex = state.slidecount - 2;
}
state.animating = false;
});
}
}
};
// lets get the party started :)
init();
};
})(jQuery);
Slider js.min
Nur anfangs script wegen 10000 Zeichen!
var e = jQuery.noConflict();
var t = jQuery.noConflict();
jQuery(function(e){"use strict";e.fn.bjqs=function(t){var n={width:700,height:300,animtype:"fade",animduration:450,animspeed:4e3,automatic:!0,showcontrols:!0,centercontata-clone")==="last"){s.css({left:-v.slidewidth});v.currentslide=2;v.currentindex=1}else if(o.eq(v.currentindex).attr("data-clone")==="first"){s.css({left:-v.slidewidth*(v.slidecount-2)});v.currentslide=v.slidecount-1;v.currentindex=v.slidecount-2}v.animating=!1})}}};y()}})(jQuery);
Ich versteh es einfach nicht. Was mach ich falsch??
mfg Duti & danke für die Antwort