jquery Problem

[Heberg]

Hey Leute!

Ich bin gerade dabei mir eine kleine Slideshow mittels Jquery zu basteln und nach tausenden versuchen scheint es einfach nicht zu funktionieren.

Hoffe ihr könnt mir helfen

$(document).ready(function() {
 $("#slide1").hover(
  function () {
    $("#slideshow_img").fadeOut("slow");
  },function () {
    $("#slideshow_img").fadeIn("slow");
});
});

[Angellinho]

PHP Code:

<script type="text/javascript"> $(document).ready(function() { var currentPosition = 0; var slideWidth = 500; var slides = $('.slide'); var numberOfSlides = slides.length; var slideShowInterval; var speed = 3000; slideShowInterval = setInterval(changePosition, speed); slides.wrapAll('<div id="slidesHolder"></div>') slides.css({ 'float' : 'left' }); $('#slidesHolder').css('width', slideWidth * numberOfSlides); function changePosition() { if(currentPosition == numberOfSlides - 1) { currentPosition = 0; } else { currentPosition++; } moveSlide(); } function moveSlide() { $('#slidesHolder') .animate({'marginLeft' : slideWidth*(-currentPosition)}); } }); </script> 


PHP Code:

#slideshow #slideshowWindow { width:500px; height:257px; margin:0; padding:0; position:relative; overflow:hidden; } #slideshow #slideshowWindow .slide { margin:0; padding:0; width:500px; height:257px; float:left; position:relative; } 


PHP Code:

<div id="slideshow"> <div id="slideshowWindow"> <div class="slide"> <img src="slide1.jpg" /> </div><!--/slide--> <div class="slide"> <img src="slide2.jpg" /> </div><!--/slide--> <div class="slide"> <img src="slide3.jpg" /> </div><!--/slide--> </div><!--/slideshowWindow--> </div><!--/slideshow--> 


[Heberg]

Nett von dir, das du mir mit soviel mühe das Script geschrieben hast, nur ist die slideshow schon lange fertig und ich arbeite an einem kleinen unternenü mit Bildern, wo wenn man rüber fährt sich der content ändert.

Edit: Problem hat sich erledigt. Offentsichtlich hat mir das jquery easing Konflikte verursacht.