Dołączanie jquery

0

Witam,
Mam problem z dołączeniem jquery do prostego slajdera.
VanillaJS działa, ale kiedy próbuje zrobić cokolwiek używając składni JQ nic się nie dzieje.
JQ w innych skryptach działa, ale nie mogę znaleźć błędu. Liczę na waszą pomoc.
skrypt.js

var numer=1;
var timer1 = 0;

function wybranieslajdu(nrslajdu)
{
	clearTimeout(timer1);
	numer=nrslajdu-1;	
	zmienslajd();
	
}

function zmienslajd()
{
	numer++;
	if(numer>5) numer=1;
	var slajd="<img src=\"zdjecia/slajd" + numer + ".png\" />";
	document.getElementById("zdjecia").innerHTML = slajd;
	$("#zdjecia").fadeIn(500);

	timer1 = setTimeout("zmienslajd()",5000);
	
	
}

styl.css

body{
	background-color: #222222;
	color:white;
	font-size:19px;
}

index.html



<!DOCTYPE html>

<html>

	<head>
	
	<meta charset="UTF-8">
	
	<link href="styl.css" rel="stylesheet" type="text/css" />
	
	<script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
	
	<script type="text/javascript" src="skrypt.js"></script>

	</head>
	
	<body onload="zmienslajd()">
	
		<span onclick="wybranieslajdu(1)" style="cursor:pointer;">[ 1 ]</span>
		<span onclick="wybranieslajdu(2)" style="cursor:pointer;">[ 2 ]</span>
		<span onclick="wybranieslajdu(3)" style="cursor:pointer;">[ 3 ]</span>
		<span onclick="wybranieslajdu(4)" style="cursor:pointer;">[ 4 ]</span>
		<span onclick="wybranieslajdu(5)" style="cursor:pointer;">[ 5 ]</span>
	
		<div id="zdjecia"></div>
	
	</body>
</html>
1

tutaj masz jQuery z kilkoma wariacjami:
http://bxslider.com/
http://tutorialzine.com/2014/05/jquery-image-slideshow-plugin/
http://naldzgraphics.net/tutorials/25-must-learn-slider-tutorials-with-jquery/
tutaj coś prostszego:
http://stackoverflow.com/questions/12068734/jquery-simple-image-slideshow-tutorial

jak piszesz to staraj się używać ang. nazw, bo wygląda to dziwnie

1

Przecież działa: http://jsbin.com/conizayipu/edit?html,css,js,console,output

(zmieniłem tylko kolor tła i ścieżkę do zdjęć, ale bez tego też widać, że zdjęcia mrugają)

0

Dzięki za pomoc.
Chciałem zapisać instrukcje pokazującą zdjęcia w JQ jako $("#zdjecia").html(slajd), ale zamiast .html(slajd) dałem .html=slajd. .
Na takiej wersji pracowałem i ona nie działała :(.

 $("#zdjecia").html = slajd;

Zamiast:

 $("#zdjecia").html(slajd);

Dodałem jeszcze fadeOut i teraz widać tą animacje znacznie lepiej.

Niestety strona dziwnie się zachowuje, kiedy zmienię slajd w momencie kiedy wykonywania animacji, popracuję nad tym, nad nazewnictwem zresztą też. ;)

1 użytkowników online, w tym zalogowanych: 0, gości: 1