jquery Problem

04/16/2012 23:39 Heberg#1
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 :)

Code:
$(document).ready(function() {
 $("#slide1").hover(
  function () {
    $("#slideshow_img").fadeOut("slow");
  },function () {
    $("#slideshow_img").fadeIn("slow");
});
});
04/17/2012 00:20 Angellinho#2
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--> 
04/17/2012 14:10 Heberg#3
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.